Conny: Frage zum dreispaltigen Layout

Hallöchen,

<body style="margin-left:10%; margin-right:10%; margin-top:30px;">

<div style="height:30px;"><img src="logo.gif"></div>
<div style="background-color:#ccc;">
   <div style="float:left; width:150px;"></div>
   <div style="float:right; width:150px;"></div>
   <div style="margin-left:150px; margin-right:150px;">Inhalt</div>
</div>
<div style="clear:both; height:30px;"></div>

Füge ich in die mittlere Spalte viel Text ein, wird die gesamte Ebene, auf der die drei Spalten liegen, auseinander gedrückt. Mache ich das links oder rechts, wird die untere Horizontale zwar auch nach unten geschoben, aber (wie man an der Farbe sehen kann) nicht die Hintergrundebene. In den Erklärungen zum dreispaltigen Layout auf den selfhtml-Seiten habe ich nichts gefunden (Überlesen?), dort wird aber auch nichts farbig hinterlegt. Hat jemand einen Tipp?

Conny

PS: Wenn ich dem Inhaltsbereich oben und unten keinen Rand gebe, entsteht hin zu den horizontalen Ebenen oben und unten ein nicht gerade kleiner Abstand. Was könnte das denn für eine Ursache haben?

  1. Hi,

    Mache ich das links oder rechts, wird die untere Horizontale zwar auch nach unten geschoben, aber (wie man an der Farbe sehen kann) nicht die Hintergrundebene.

    logisch - wenn Du den clearenden Footer nicht _in_ die Ebene setzt.

    freundliche Grüße
    Ingo