zettelbox: Div-Anordnung

Beitrag lesen

SELF-Forum

Div-Anordnung

zettelbox
– Informationen zu den Bewertungsregeln

Hallo zusammen,

ich möchte etwas eigentlich sehr simples erstellen: Innerhalb eines größeren Div-Blocks sollen drei "Spalten" durch untergeordnete weitere Divs entstehen. Im Prinzip also eine einfache Tabelle innerhalb eines Divs mit drei Spalten, nur eben per CSS.

Das habe ich folgendermaßen realisiert:

  
<div class="margin: 1px solid black;">  
  <div style="float: left; width: 25%; text-align: center;">  
    <p>linke Spalte.</p>  
  </div>  
  <div style="float: right; width: 25%;">  
    <p>rechte Spalte.</p>  
  </div>  
  <div style="height: 100%;">  
    <p>Und die Mitte.</p>  
  </div>  
</div>

Und das funktioniert auch wunderbar - zumindest auf den ersten Blick. Jedoch vergößert sich das äußere Div nicht. Wenn ich also nun einen längeren Text in die rechte Spalte einfüge, passt sich der Rahmen des äußeren Divs nicht entsprechend an. Selbes Problem beispielsweise beim Einfügen eines Bilds.

Wo ist mein Denkfehler? Wieso passt sich der Div-Block nicht an den Inhalt an, wird also länger?

Danke für Eure Hilfe.

Beitrag melden
–
Informationen zu den Bewertungsregeln