css und divs, Fehler mit "height" !? bitte um Hilfe!

[paulee]

Hallo!

Habe ein Problem mit meiner Website. Ich versuche diese komplett in XHTML und CSS zu gestalten, funktioniert auch relativ gut - verwende nur divs, keine Tabellen! .
Aber ein Fehler will und will nicht verschwinden, ich weiß nicht mehr, was ich machen soll.

Fehler:
Ich habe meine Seite in 3 Bereiche geteilt
Banner
links - Menü (float: left,....)
rechts - Content (float: right,....)

Aufbau:
<div id="main">
<div id="banner">
</div>

<div id="menue">
</div

<div id="body">
</div>
</div>

main > Dieser div zeigt mir die Seite zentriert an und 850px breit, Höhe ist mit 100% eingestellt.
banner > Dieser div zeigt mir einen 120px hohen Banner an (850px breit)
menue> In diesem div steht das Menü, auf der linken Seite > height 100%, float: left
body > In diesem div kann man den Inhalt später sehen > height: 100%, float:left

Überall habe ich "height" auf 100% gestellt! (html, body, menüDiv, contentDiv,....).
Wenn ich nun einen Text lade der eine gewisse länge hat, hört der Hintergrund auf
einmal auf ..Im IE geht der Hintergrund ganz nach unten, bis der Text aus ist, im
Fireworks und in der Beta-Version des IE7 hört der Hintergrund bzw. der untere Div auf einmal auf mitzulaufen ... kann mir einer helfen?


Danke im vorraus

 

[Maik]

Vielleicht hilft dir das Thema div height=100% nur im IE? weiter, in dem Dr Dau einige Lösungsbeispiele angehängt hat.

 

[paulee]

Hallo!

Danke für die schnelle Antwort-
-Habe im Content-Bereich keine Hintergrundfarbe gewählt gehabt.
Aber nun ist ein anderes Problem aufgetreten, und zwar ist der content-div nicht gleich hoch wie der Menü-div ! Der Menü div hört auf, wenn der Inhalt jenes zu Ende ist (nach ca. 500px) und der content-Div hört nach ca. 800px auf! Wie kann ich das so einstellen, dass alle beiden Divs gleich hoch sind !?

 

[Maik]

In diesem Fall empfiehlt es sich, für das übergeordnete DIV eine Hintergrundgrafik zu verwenden, die die Spalten optisch simuliert und vertikal wiederholt wird.

Siehe hierzu auch .

 

[paulee]

Hallo!

Ok danke, eine dumme Frage - wie mache ich das?

 

[Maik]

In dem oben genannten Thema habe ich ein Demo angehängt, das dir die Technik vermitteln sollte.