Meine Website besteht auf mehreren Div Containern ua. einer Namen Main in dem Main-Container befinden sich zwei weitere Container Namens Main-Left und Main-Right nun ist mein problem wie folgt… Wenn ich in der Main-Right text einfüge so das er ueber die Min-height von Main kommt, geht er ueber den Main-Content anstatt ihn in die länge zu ziehen wie ich es eigentlich wollte…
Wichtig! Was man eventuell auch noch erwähnen sollte der hintergrund ist aus 2 Teilen zusammen gesetzt.
Hier sind die Bestandteile der Style.css die etwas damit zu tuen haben könnten:
[HTML]
/Containter Gesamt/
Da Du #main_left und #main_right floatest, erhält das umgebende Element keine Höhe mehr. Du musst die CSS-Eigenschaft clear verwenden um das floaten zu beenden und dem umgebenden Element dadurch eine Höhe zu geben.
Die Frage kommt immer wieder. Zuletzt habe ich sie hier beantwortet. Weitere Antworten findest Du über die Forensuche.
Kann ich so nicht gelten lassen. Es funktioniert natürlich, wobei float:left besser wäre. Im Beispielcode wurde die Fusszeile verschwiegen. Also braucht die Klasse footer noch ein clear:both
Wobei die CSS Angaben oftmals doppelt gemoppelt sind. Also es ist noch viel Raum zum Optimieren.