Float und height

Computer: Software & Programmierung HTML & CSS
#1

Hallo,

ich habe da ein kleines Problem mit zwei div-Containern.
Einer der Container soll das Menü enthalten und floatet links. Der zweite ist der Content und soll das Menü umfließen. Das funktioniert soweit auch prima.

Wenn ich dem Content nun allerdings eine feste Höhe zuweise, habe ich zumindest beim IE7 das Problem, dass das Menü nicht mehr umflossen wird, sondern der Content-Container nur die Breite neben dem Menü einnimmt. Mit Opera9.2 und Firefox2 wird das Menü weiterhin umflossen. Mit anderen IE-Versionen konnte ich nicht testen.

Hier die beiden Testdateien:
ohne Höhenangabe: http://freenet-homepage.de/myra/test.html
mit Höhenangabe: http://freenet-homepage.de/myra/test2.html
und hier noch ein Screenshot, was der IE7 aus der zweiten Datei macht: http://srv007.pixpack.net/20071123221148709_pihenfyq…

Hat jemand eine Idee, woran das liegt bzw. eher noch wie ich das vermeiden kann?
Und keine Sorge, ich hab nicht vor, dem Content eine feste Höhe zu geben, ich hatte eigentlich eher min-height ins Auge gefasst. Aber das mag der IE ja auch nicht so wirklich…

Grüße, eeyore

#2

Hallo,

Und keine Sorge, ich hab nicht vor, dem Content eine feste
Höhe zu geben, ich hatte eigentlich eher min-height ins Auge
gefasst. Aber das mag der IE ja auch nicht so wirklich…

das funktioniert schon. Du kannst min-height nehmen, wenn du darunter folgendes
notierst:

height: auto !important;
height: xyz px

Die auto !important Angabe sorgt dafür, dass deine Mindesthöhe für
Standardkonforme Browser funktioniert. In der nächsten height-Angabe gibst du dann
die Höhe ein, die bei min-height steht. Dies interpretiert dann nur der IE.

Grüße

#3

Hallo Liamara,

das funktioniert schon. Du kannst min-height nehmen, wenn du
darunter folgendes
notierst:

height: auto !important;
height: xyz px

Auf diese Möglichkeit bin ich bei meiner Suche auch schon gestoßen. Das Problem dabei ist allerdings dasselbe wie das, das ich im Eingangspost beschrieben habe: Der IE lässt den Content-Bereich nicht mehr um das Menü fließen, sondern bleibt konstant auf der Breite neben dem Menü.
Und das finde ich halt ziemlich unschön. Da nehm ich bei kurzem Content lieber in Kauf, dass der Bereich vor dem Menü endet.

Grüße, eeyore