Qualcuno sa che posso fare il lavoro in min-altezza con gli ultimi browser? Sto usando le tabelle CSS e sembra ignorare l'altezza minima.Visualizzazione CSS: tabella min-height non funzionante
<div style="background-color: red; display: table; min-height: 100px;">
abc
</div>
Quando si utilizzano tabelle, altezza sostanzialmente è min-height, come tabelle estendono sempre. Basta sbarazzarsi del "min-" e funzionerà come ci si aspetta.
Questo è completamente non intuitivo, ma azzeccato. I migliori risultati sembrano venire con la collocazione dell'altezza "fissa" sugli elementi 'display: table-cell' più interni. – eternicode
Non ha funzionato per me. – chovy
Non ho testato in IE ma sembra che Firefox sia l'unico ancora interessato da questo. – Dex
Utilizzare height: 1px; sul tavolo o qualsiasi valore. Fondamentalmente è necessario dare un po 'di altezza alla tabella per farlo funzionare con min-height. Avere solo min-height non funzionerà sulle tabelle di Firefox.
OP chiede come farlo funzionare con gli ultimi browser. Gli ho appena dato una soluzione. Come è esatto? – virajs0ni
dona altezza come altezza: 1 px come hai detto, poi ha iniziato a funzionare –
Ogni volta che si utilizza display:table; o qualsiasi proprietà più profondo come display:table-cell; considerare l'utilizzo di height invece di min-height. Come nelle tabelle height = min-height considerando la funzione di auto-span al loro interno.
post simili: http://stackoverflow.com/questions/25238/100-min-height-css-layout – diEcho
Si può definire * tabelle CSS *? Hai un po 'di markup? – alex
pubblica il tuo html, il secondo css e, se possibile, dai un link al tuo sito (o prova a costruire un http://jsfiddle.net/) per mostrare il tuo problema. – oezi