Chris: Frage zu CSS-Box Ausrichtung

Beitrag lesen

Hallo,

so ich hab mich jetz mit dem Box-Modell etwas mehr beschäftigt.
Aber die Ausrichtung meiner einzelnen Boxen macht mir noch Schwierigkeiten.

Wie geht man vor? Beispielsweise wenn man so was in der Art haben möchte:

-------------------------------------------
| Box1                                      |
 -------------------------------------------

-------       ------------------   ------
 |Box2   |     |Box3              | |Box4  |
 |       |     |                  | |      |
 |       |     |                  | |      |
 |       |     |                  | |      |
 |       |     |                  | |      |
 |       |     |                  | |      |
 |       |     |                  | |      |
 |       |     |                  | |      |
  -------       ------------------   ------

Ich würde es mir jetzt ganz grob so denken:

Box1: width und height definieren
      margin-bottom definieren

Box2: margin-left für Abstand zum linken Seitenrand
      width und height definieren
      margin-right für Abstand zur Box3
      float: left

Box3: width und height definieren
      margin-right für Abstand zur Box4
      float: left

Box4: width und height definieren
      margin-right für Abstand zum rechten Seitenrand

Wahrscheinlich wird hier kaum etwas richtig sein. In meiner Testdatei hat es auch nicht geklappt :-(

Wie sieht es eigendlich mit dem "position" Attribut aus.
Ich hab es jetzt in einigen texten schon gesehen. Könnte damit eine Ausrichtung auch realisiert werden? Oder ist das was komplett anderes?

Vielen Dank
Chris