CSS min-height pod IE
June 5th, 2007 by prondDość popularnym problemem przy kodowaniu layoutu na DIV’ach jest określenie minimalnej wysokości.
W prosty sposób można zdefiniować minimalną wysokość dla przeglądarek takich jak FF, czy Opera.
Jednak IEdynie słuszny ma z tym problem. Na szczęście są co najmniej 3 sposoby, aby to obejść.
/* * Sposob I */ #content {min-height:500px;height:auto !important;height:500px;} /* * Sposob II */ #content {min-height: 500px;} *HTML #content {height: 500px;} /* * Sposob III */ #content {height:500px} #content[class] {height:auto; min-height:500px}
Moim faworytem jest sposób #1, ponieważ mamy tam tylko jeden selektor.
Może znacie jakieś inne, sprytniejsze ?
Posted in CSS |
June 8th, 2007 at 3:37 pm
można też tak
#content {
min-height:500px;
/height:auto;
height:500px;
}
fakt że walidacji to nie przejdzie - ale zawsze dziala
i jeszcze jeden sposób
#content {
height: expression(’500px’);
min-height: 500px;
}
i też działa
August 28th, 2007 at 9:52 am
właśnie miałem z tym problem, i sposób #1 pomógł
i tez myślę że to najlepsze wyjście. Jednak jest jeden problem, a może nie tyle problem co dziwna sprawa. Jeśli w danym bloku definicji stylu dam taki komentarz /*komentarz*/ to strona się sypie, natomiast jeśli dam:
/*
*komentarz
*/
to wszystko jest ok. ale niestety tak to już jest z badzIEwiem
pozdrawiam :0