✔ Firefox rafft min-height nicht...

[XyXEL]

Hallo,

ich habe eine vertikales Navigationsmenu, das mit dem Content vertikal wachsen soll, aber mindest den ganzen vertikalen Bildschirm füllen soll, falls der Content kleiner ist.
Da das direkt nicht geht, habe ich ein Hintergrundbild in den Container gesetzt, sodass es aussieht, als würde die Navigations wachsen, wenn der Contant wächst.
http://www.code-base.de/canape-profi/index.html
http://www.code-base.de/canape-profi/index2.html
Name: beta
Pass: beta

Im IE6 t alles super, da er "height:100%" als Mindesthöhe interpretiert und bei der Höhenangabe darüber das !important nicht kennt.
Für den FF habe ich dann die Mindesthöhe extra per "min-height:100%;" angegeben und mit "height:auto !important;" die Höhe flexibel gemacht. Komischerweise scheint der FF jetzt aber die min-height zu ignorieren.

Woran liegt das?

Vielen dank für Eure Hilfe.

Gruß, Max

 

[Maik]

Hi,

du hast da wohl ein paar min-heights zuviel angegeben, denn üblicherweise erhalten das body und html-Element lediglich die height:100%-Deklaration.

Zum Vergleich siehe mein CSS-Tutorial CSS-Layout mit 100%-Höhe

mfg Maik

 

[XyXEL]

Danke, ich habe min-height bei body und html entfernt, das ändert aber nichts an dem grundsätzlichen Problem

 

[Maik]

Dann wiederhol mal die Übung mit height:auto !important, denn wie ich eben schrieb, erhalten die beiden Elemente nur die Angabe height:100%.

mfg Maik

 

[XyXEL]

...... danke ^^