¿Alguien sabe que puedo hacer que la altura mínima funcione con los últimos navegadores? Estoy usando tablas CSS y parece ignorar min-height.Pantalla CSS: la altura mínima de la tabla no funciona
<div style="background-color: red; display: table; min-height: 100px;">
abc
</div>
el uso de tablas, la altura es esencialmente min-altura, como tablas siempre estiran. Solo deshazte del "min-" y funcionará como esperas.
Esto es completamente poco intuitivo, pero puntual. Los mejores resultados parecen venir con poner la altura "fija" en la pantalla más interna: elementos de celda de tabla. – eternicode
No funcionó para mí. – chovy
No he probado en IE, pero parece que Firefox es el único que sigue afectado por esto. – Dex
Uso height: 1px; sobre la mesa o cualquier valor. Básicamente, debe dar a la tabla cierta altura para que funcione con min-height. Tener solo min-height no funcionará en las tablas de Firefox.
OP pregunta cómo hacer que funcione con los últimos navegadores. Solo le di una solución. ¿Cómo no es exacto? – virajs0ni
da algo de altura como la altura: 1px como dijiste, luego comenzó a funcionar –
Siempre que estés utilizando display:table; o cualquier propiedad más profundo como display:table-cell; considerar el uso de height en lugar de min-height. Al igual que en las tablas height = min-height considerando la característica de auto-span en ellas.
puesto similar: http://stackoverflow.com/questions/25238/100-min-height-css-layout – diEcho
¿Puede definir tablas CSS * *? ¿Tienes un margen de beneficio? – alex
publique su html, el CSS correspondiente y, si es posible, proporcione un enlace a su sitio (o intente crear un http://jsfiddle.net/) para mostrar su problema. – oezi