6 svar · 268 visningar · startad av Skarre
Jag har lagt en bakgrund för html-taggen, och en annan för body-taggen. Den senare ska ligga längst ner i mitten, oavsett hur lång sidan är. Det fungerar fint i IE, men i FF och Opera lägger sig bakgrunden i nederkant av browserfönstret och inte i nederkant av själva html-sidan. Svårt att förklara, men kolla på den länkade filen så framgår säkert problemet. Vad gör jag för fel?
FireFox vill att du talar om att body ska ha en minimum höjd på 100%. Inte att höjden ska bara exakt 100% av webläsarfönstret. IE tolkar height fel och implementerar den som min-height.
Ta bort:
html, body {}
html {}
body {}
Lägg till:
html {
background:url(bg.gif) repeat-y center;
background-color:#DBE2EB;
height:100%;
}
* html body {
height:100%
}
body {
min-height:100%;
text-align:center;
background:url(bgbottom.gif) no-repeat bottom;
}
Men eftersom inte IE kan uppfatta min-height så får du också lägga till
<!--[if IE]>
<style type="text/css">
body {height:100%}
</style>
<![endif]-->
emellan dina head-taggar.
Så, tror jag.
r\ Fast insider skrev ju body { height: 100%; } i sin kod. Nåja. Låt stå! :p
FF ignorerar
* html body {
height:100%
}
, det gör inte IE.
Alltså blir det samma sak som det du skrev. Med risk för att microsoft rättar buggen som gör att "* html" inte ignoreras. Men då rättar som kanske min-height-buggen oxå...
Insider skrev:
FF ignorerar
* html body { height:100% }, det gör inte IE.
Alltså blir det samma sak som det du skrev. Med risk för att microsoft rättar buggen som gör att "* html" inte ignoreras. Men då rättar som kanske min-height-buggen oxå...
Oj, vad smart! Då slipper man ha en ful [if IE]-grej, eller hur?
Varför är det så att FF ignorerar den biten?
För att Firefox korrekt tolkar html som root-elementet i ett (x)html-dokument och därför kan det inte finnas något parent-element till det. Det är dock validerad CSS att göra så. Likaså att använda underscorehack . Men det går inte igenom Jigsaws css-validator på w3c.(underscorehacket alltså)
mv icaaq
Kanoooooon!!!111ETT :)