După cum știți, Microsoft a observat, cu mult timp în urmă, că e distractiv (desigur, pentru ei) să nu respecte standardele web. Prin urmare, regulile css min-height / min-width nu funcționează în IE6. Din fericire, în IE7 această problmemă este rezolvată.
Haideți să vedem cum se poate face ceva să meargă și în IE6.
În mod normal, în browsere care respectă într-o măsură mai mare standarde w3, un box cu un width/height specificat, rămâne la dimensiunile respective, conținutul depășind totuși border-ul.
#box {
min-height:100px; /*firefox, opera, ie7 */
height:auto !important; /*firefox, opera, ie7 */
height:100px; /* ie6 */
}
Atât!
Explicația, dacă mai e nevoie:
Prima linie este evident ce face: setează o înălțime minimă de 100px, dar este valabil doar în browserele ce cunosc aceasta regulă;
!important îi „spune” browserului că indiferent de ce definiții urmează pentru regulă, aceasta este ținută minte (desigur, până la următorul !important. Cum Internet Explorer 6 nu știe de !important, linia 3 anulează regula de pe cea de-a doua linie. Dar, faimosul IE6 nu știe nici de height cum trebuie, interpretându-l ca min-height. Adică, dacă este conținut ce depășește înălțimea specificată, div-ul respectiv se mărește. Același „hack” se aplică și pentru width.
Simplu, nu?
ma interessa ceva scheme de hackuit pt viteza Browserului pe net
Multumesc pentru explicatie. Mi-a fost foarte utila.
M-ai scăpat de o belea..
Mulțumesc mult!
foarte bun articolul si amuzant.In ceea ce priveste IE este cel mai prost browser de pe piata.Asta e .Microsoft tot microsoft
Mutumesc mult pentru acest articol..foarte bun
Multumesc pentru sfaturi, nu stiam cum sa rezolv problema asta la IE 6.
Asta mi-a scapat, multumesc
Dar pentru min-height:100% in ie6?
Oare nu putem face ca vizitatorii care ne viziteaza site-ul din IE, in loc de pagina sa le apara sigla IE taiata in doua?
Multumesc mult, sa stii ca ai ajutat pe multi si cel mai important intr-un mod foarte simplu si elegant.