100% Firefox

Habe 3 Spalten mit <div>

Ganz rechts ist so definiert:
#right {
width:121px;
float:left;
min-height: 100%;
height:auto !important; /* moderne Browser */
height:100%; /* IE */
background-image: url(./img/bg_r.jpg);
}

Unter IE6 funktioniert es perfekt aber nicht im Firefox ... wieso?

Unter firefox geht die Box nicht bis nach unten hin....

Höhe der Vorfahrenelemente?

Es gibt keine.

bzw. es gibt noch eine framebox die aber auch 100% hat

Original geschrieben von mondoshawan
Es gibt keine.

Keine was?

Keine Vorfahrenelemente? Dann müsste #right ja schon das html-Element sein - und das wiederum hat aber kein ID-Attribut.

Oder keine Höhenangaben für die Vorfahrenelemente? Ja, eben.

Einfach dargestelt:
alle sind höhe 100%

PHP-Code:


<div id="Frame">
    <div id="left">
        <div id="content">
           <div id="right">

            </div>
       </div>
   </div>
</div> 


html, body
{
font-family:Verdana;
font-size:12px;
background-image: url(./img/bg.jpg);
height:100%;
margin: 0px;
padding: 0px;
}

Original geschrieben von mondoshawan
Einfach dargestelt:
alle sind höhe 100%

Also Frame, left und content ebenfalls.

ja

Dann zeig mal ein (valides) Online-Beispiel.