Tip rápido para sliders horizontales
Digamos que quieres hacer uno de esos sliders horizontales como el que se ve en el sitio de Coda. En un mundo ideal podríamos poner un div como contenedor con overflow: hidden en el eje x y varios divs flotados dentro de este. Después los podríamos manipular vía javascript.
Sería algo así:
Ah pero este no es mundo ideal!, este es un mundo donde tenemos más navegadores de los que necesitamos, cada uno con sus caprichos propios y su propia forma de interpretar el código. Nos encontramos con que lo que intentamos arriba no es posible y nuestros divs terminan sobrepuestos verticalmente ignorando las propiedades float: left de los divs internos y el overflow: hidden de el contenedor. No voy a poner el código por que es bastante obvio.
¿La solución? Agregar un contenedor extra con una longitud mayor a la de nuestro contenedor en el que puedan entrar todas las páginas de contenido.
No estoy completamente feliz con como se resuelve por que es agregar un div innecesario y el código para manipularlo tendrá que ser un poco menos elegante, pero funciona y eso es lo que importa.