lunes, 15 de marzo de 2010

Scroll horizontal en Internet Explorer

Hay ocasiones en las que necesitamos un scroll horizontal para poder visualizar bien los elementos de un objeto html select.

Pues bien, el truquito para que la mosca cojonera de Internet Explorer no os deje en evidencia y funcione también en Mozilla, es meter el select en un contenedor, con los siguientes estilos definidos:

  • overflow-x:scroll;
  • overflow: -moz-scrollbars-horizontal;
Aquí os dejo un ejemplo:

<div style="overflow-x:scroll; width:XXXpx; overflow: -moz-scrollbars-horizontal;">
Aquí el select ---> <select....> </select>
</div>