Jag har en sida där jag under tiden den arbetar ska få ett "dimmigt" lager ovanpå allt annat. Man kan lätt bita sig i foten om man antar att olika webläsare har samma default-värden på saker. IE6 behöver få vissa värden - som man skulle kunna anta var 0 som default - nollade, i det här fallet margin för <body>. Så om du lägger tillbredd och höjd på hela sidan (html)
Här är htmlkoden:
<img src="../../global/images/overlay.png" style="position: absolute; left:0px; top:0px; width:100%; height:100%; z-index:2; behavior: url(../../global/iepngfix.htc);" />
Denna del lade jag till för att inte IE6 fattar transperanta png'ar
behavior: url(../../global/iepngfix.htc); (Det är nån fix för detta)
Men det är yttligare ett fel.
I IE7 och FF så blir den transperanta bilden 100% hög och 100% bred. Allt väl där!
Men i lilla skitläsaren IE6 så skulle jag nog säga att den är ca 75% bred och typ 90% hög, Den täcker inte skärmen helt enkelt?
Någon som vet vad det kan tänkas vara för fel?
Tack på förhand!
AndreasSv: bredd och höjd på hela sidan (html)
body {
margin: 0px;
}
i din CSS så borde det fungera i IE6 också.
Det är en god vana att ha
* {
margin: 0px;
padding: 0px;
}
tidigt i CSS:en för att undvika såna här fallgropar. Längre ner i CSS:en har man margin och padding som är specifika för element, som "skriver över" nollningarna ovan.