nicht angemeldet
Hallo zusammen,
ich habe ein Problem mit CSS und Float, bzw. Clear.
Ich habe ein zweispaltiges Layout. Linke Spalte Navigation, rechte Spalte Inhaltscontainer.
Der Inhaltscontainer ist mit "float:left;" an die rechte Seite der Navigation geheftet.
Alles wunderbar bis jetzt. Ich möchte nun innerhalb des Inhaltscontainer ebenfalls etwas mit "float:left;" layouten. Das funktioniert soweit auch bis ich nach dem gefloateten Bereich "clear:left;" aufrufen muss. Dieses "clear:left;" unterbricht nicht nur den gefloateten Bereich im Inhaltscontainer, sondern auch den float der Navigation, d.h. mein Inhaltsbereich rutscht unter die Navigation Links.
Wie kann ich "clear:left;" in einem DIV-Kontext aufrufen und nicht im globalen Float-Kontext?
mfg Maik
Beispiel:
<div style="float:left;">
NAVIGATION
</div>
<div>
INHALTSBEREICH
<h1>Ü1</h1>
<img src="..." style="float:left;">
<p>BLABLA</p>
<h1 style="clear:left;">Ü1</h1>
<img src="..." style="float:left;">
<p>BLABLA</p>
</div>