A gyengébb browserek sajnos nem ismernek minden CSS utasítást, így például a “kedvenc” böngészőm, az Internet Explorer 6 sem. Most egy olyannal találkoztam, hogy háttér miatt az adott div-nek minimum akkora magasságot szerettem volna admi, mint a háttérkép, és erre való a CSS-ben a min-height funkció, ami sajnos az IE6-nak ismeretlen.
De sebaj, van megoldás, voila:
.divneve {
min-height: 100px;
height: auto !important;
height: 100px;
}
Tessék eltenni kedvencekbe, bármikor jól jöhet! :)
Sajnos az Internet Explorer nem egy jó böngésző, sokszor okoz fejtörést, mert egyszerűen nem jól értelmez néhány css tag-ot. Ilyenkor csalni kell egy kicsit, nézzük ezeket a technikákat!
Hack a stíluslapon belül
Bár a legjobban használható technika az ún. Conditional Comments, ez sajnos csak a HTML fájlokban használható, a stíluslapon belül nem. Sokan szeretik tisztán tartani a HTML forrást, ílyenkor a stíluslapon belül kell elkövetnünk néhány “csalást”.
TOVÁBB IS VAN… »
Amikor nekiállunk megírni a CSS stíluslapunkat, az első lépés legyen, hogy nullázzuk le a böngészők különböző alapbeállításait. Ez szakszóval az ún. Global Reset, ehhez szereték most néhány fogást bemutatni.
A white space alapbeállítása
Az összes böngésző máshogy értelmezi a margin és padding alapértékket. Ezt nullázzuk le, hogy ne érjen minket meglepetés.
* { margin: 0; padding: 0; }
TOVÁBB IS VAN… »
