Bakgrundsproblem

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?

http://member.webforum.nu/1826/test.htm

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 :)