Daniel N.: zwei floatende Boxen zentrieren

Beitrag lesen

Hi,

ich kämpfe (mal wieder) damit, mittels css meine <div>s zu positionieren.

Ich möchte erreichen, dass zwei <div>-Boxen nebeneinander erscheinen und zusätzlich auf dem Bildschirm, bzw. im <body> horizontal zentriert dargestellt werden.

Folgende Skizze verdeutlicht mein Vorhaben:

+--------------------------+
|     +-----+  +-----+     |
|     |     |  |     |     |
|     |     |  |     |     |
|     |     |  |     |     |
|     +-----+  +-----+     |
+--------------------------+

Ich dachte dieses dadurch erreichen zu können, das ich die Boxen links floaten lasse und für <body> ein "margin:auto" einstelle.

Anscheinend ist das aber nicht der richtige Ansatz für mein Vorhaben!?

Wie lautet der richtige Ansatz?

Vielen Dank und viele Grüße
Daniel