Hola a todos,
tengo un problema con las columnas floats css cuando quiero que sean líquidas
:
Por ejemplo: pongo un float de 33% de ancho, y dentro de esta columna pongo una imagen de 200px (por ejemplo), cuando reduzco el navegador, la columna float también va reduciendo, y el problema es cuando rebasa el límite que yo quiero: el tamaño de la imagen.
Al final la imagen "sobrepasa" la columna, se sale del borde.
¿Cómo evitar esto?
Cuando una columna float se define su altura, para evitar que elementos sobresalgan por debajo se utiliza
display:inline-block. Eso está muy bien para la verticalidad, pero en cuanto a cosas en horizontal, ¿Hay alguna técnica parecida?
- Técnicas que ya sé: min-width (pero no funciona para ie6
); aplicar width en porcentaje a las imágenes (pero es una técnica un poco chapuza y laboriosa
), tables (es otra filosofía con otros problemas añadidos -y ya no está de moda, jeje-
).
...en definitiva, lo que me gustaría és que el mismo float respetase las anchuras de los elementos que contiene (como los tables, tds
).
Gracias.