Spalten nebeneinander

[Kalle_Worms]

Hallöle,

ich dachte, ich hätte ein Allerweltsproblem, habe aber im Archiv 2004 unter "spalten" nicht die Lösung gefunden.

Mir ist das PRINZIP von float offenbar nicht klar.

Ich habe Folgendes verstanden:
Wenn ein Block, z. B. <div ...> zuende ist, beginnt der nächste Block auf der Höhe des ersten Blocks:

.li   { width:49%; float:left; }
.re   { width:49%; float:right; }

<p style='clear:both'></p>
+<div class='li'>--+ +<div class='re'>--+
!                  ! !                  !
!                  ! !                  !
+</div>------------+ !                  !
                     +</div>------------+

Dieses Beispiel funzt ja auch, die beiden Spalten müssen nicht mal gleich hoch sein.

ABER:

.sp_1_3 { width:25%; float:left; }
.sp_2_3 { margin-left:2em; width:25%; float:left; }
.sp_3_3 { margin-left:2em; width:25%; }

<p style='clear:both'></p>
+<div class='sp_1_3'>+<div class='sp_2_3'>+
!                    !                    !
!                    !                    !
+</div>--------------+</div>--------------+
  +<div class='sp_3_3'>+
  !                    !
  !                    !
  +</div>--------------+

Spalte 2 hat keinen Abstand zu Spalte 1 und Spalte 3 sitzt unterhalb.

Was also macht FLOAT genau ?

Lieben Gruß, Kalle