Problem: IE6 absolutes DIV mit 100% height im DIV

Computer: Software & Programmierung HTML & CSS
#1

hallo, habe ein layout

 
sonstiger inhalt

css dazu

html,body {
height:100%;
}
#main {
position:relative;
margin:0 auto;
width:1000px;
min-height:100%;
height:auto !important;
height:100%;
}
#stripe {
position:absolute;
min-height:100%;
height:auto !important;
height:100%;
width:30px;
margin-left:900px;
top:0;
left:0;
}

zum Problem: das main-div ist mit wenig Inhalt so hoch wie der Browser, auch das stripe-div wird über volle Browserhöhe angezeigt. Wenn aber der Inhalt so viel wird, dass die Seite gescrollt werden kann, ist zwar im FF alles toll, aber im IE6 bleibt das stripe-div auf normaler Browserhöhe und verlängert sich nicht bis zum Seitenende. Warum? (Doctype ist übrigens XHTML 1.0 Strict)

#2

habe es momentan so gelöst, dass ich am ende der seite die höhe des stripe-divs an die offsetHeight des main-divs anpasse. das geht so für ff, ie6 und ie7. aber es muss ja per css sicher auch gehen!?

#3

Hallo Nico,

zum Problem: das main-div ist mit wenig Inhalt so hoch wie der
Browser, auch das stripe-div wird über volle Browserhöhe
angezeigt. Wenn aber der Inhalt so viel wird, dass die Seite
gescrollt werden kann, ist zwar im FF alles toll, aber im IE6
bleibt das stripe-div auf normaler Browserhöhe und verlängert
sich nicht bis zum Seitenende. Warum? (Doctype ist übrigens
XHTML 1.0 Strict)

Das kannst du leicht dadurch ändern, dass du deinem XHTML-Dokument einen XML-Prolog <?xml version="1.0" ?>verpasst und es so nur im im IE6 in den Quirksmode schickst.

Vielleicht möchtest du das aber nicht, denn den BOX-Model-Bug im gesamten Dokument nur wegen dieses dämlichen Streifens in Kauf zu nehmen wäre nicht sehr ratsam.

http://www.sprachlernspiele.de/engel/matroschka.html

Gruß Gernot