Probleme mit übergeordnetem DIV

[Jan Sostaric]

Hi!

Erstmal danke für die schnelle Antwort

Nun, damit Menü und Content gut nebeneinander passen, hab ich beide float auf left gesetzt

Warum beide? Das Menü nach links zu floaten, würde ausreichen.

»»

Problem hierbei: Wenn ich beim Content das float wegnehme, verhält sich zwar der Hintergrund wie gewünscht, jedoch fängt dann das Content-DIV ganz links an, liegt dann also teilweise unter dem Menü, aber ich will ja, dass die beiden nebeneinander sind, mit ein wenig Abstand.

seitdem wird der Hintergrund nicht mehr vollständig angezeigt. Er hört nun genau da auf, wo Menü und Content anfangen, eigentlich sollte er bis unter den Footer gehen.

Floatest du das footer-div auch? Anyway, der Effekt ist klar: Durch das Floating werden die Elemente aus dem regulären Dokumentfluss herausgelöst; für die Platzberechnung und die Position anderer Elemente sind sie damit praktisch nicht mehr da.

Weiß jemand, wie ich das anderweitig lösen kann?

Sorge dafür, dass das Floating an geeigneter Stelle wieder aufgehoben wird. Für das footer-div würde sich ein clear anbieten.

Ich hab mal beim Footer-DIV ein float=clear eingefügt, ohne vorher bei menü und content was zu ändern. Dann ging der Hintergrund bis unter den Footer, aber Menü und Content lagen dann praktisch "über" der Seite und gingen von der Länge her bis unter den Hintergrund.

WIe Du ja schreibst, löst ein Float die Elemente aus dem Dokumentfluss, das seh ich so ja auch, aber das ist ja nicht wirklich das, was ich erreichen will. Klar, ich möchte 2 Divs nebeneinander haben, aber ich möchte sie nicht aus dem Fluss lösen, da es mir ja sonst mein "Design" durcheinander wirbelt.

Mein Hauptproblem scheint jetzt eigentlich jenes zu sein, dass mein Hintergrund-Problem erst dann auftritt, wenn ich den Content auch auf float=left setze, wie vorher das Menü. Ohne diesem verhält sich der Hintergrund richtig, aber ich hab Probleme mit der Content-Anordnung, weil dann beide DIVs linksbündig an der gleichen Stelle beginnen. Also nun teilweise übereinander liegen, statt nebeneinander.

Wie kann ich das noch lösen? Es ist das erste Mal, dass ich ein Webseiten-Layout komplett aus DIV's mache, hab bisher nur mit Tabellen gearbeitet, das will ich aber nicht mehr.

lg, Jan