Evitar desplazamiento de caja flotante hacia abajo

[lokiloco5]

Hola esta es mi duda

Digamos que tengo una pagina que estoy haciendo con cajas flotantes. Las cajas las estoy alineando hacia la izquierda. Cuando una caja flotante rebasa la capacidad del contenedor, entonces se desplaza hacia abajo y ocupa el lugar de mas a la izquierda. Mi duda es como evitar ese desplazamiento cuando se trata de que redujistes la ventana del navegador manualmente. me explico: si tengo tres cajas en float hacia la izquierda, ¿Como evito que si llego y reduzco el tamaño de la ventana, la caja de mas a la derecha no se me corra y baje, si no que se mantenga en su posicion?

Gracias de antemano

[kraciboy]

Buenas,

Te recomiendo que añadas a las cajas la propiedad "overflow: hidden;" para que si algún contenido rebasa el espacio simplemente lo oculte, como por ejemplo una foto superior al tamaño de la caja, texto que tire de la caja, etc...

Un saludo!

[lokiloco5]

No, es que el problema no es a nivel del contenido de una caja, no se resuelve con overflow. El problema es con la caja en si. Como ya dije, el problema es que si tomo la ventana del navegador y la hago mas pequeña, la caja que este mas hacia al derecha al no poder verse dentro de la ventana del navegador se corre hacia abajo a lo mas hacia la izquierda (tiene el float hacia al izquierda) en vez de quedarse en su sitio y mostrarse cortada (al no poder verse por completo en el navegador)

[lokiloco5]

Upss!, si no, estaba cometiendo una soberana burrada, habia metido en comentarios el contendeor de las cajas....

[linternazo]

Hola lokiloko5:


Si la caja que contiene a esas 3 cajas tiene una anchura definida en pixels, ésta no se reducira al hacer pequeña la ventana del navegador y los divs internos no se moveran.