CSS-Design: Seite zentriert, aber trotzdem Pixel-genau

energyzer

Hallo!

Ich möchte eine Site komplett per CSS designen. Das Layout soll dabei zentriert
sein (ca. 700px breit), aber innerhalb dieses Rahmens soll pixelgenau designt
werden können.

Das Design zu zentrieren ist ja kein Problem, in dem ich ein div-Tag mit

margin-left: auto;
margin-right: auto;

versehe. Aber wie schaffe ich es, dass alle untergeordneten div-Tags nur
relativ zum Vater-div positioniert werden? Irgendwie positioniert er immer
nur relativ zur Gesamtseite, wodurch die Zentrierung natürlich für die
Katz ist.

So soll es ca. aussehen:

---------------
|             |
|  ----       |
|  |  |       |
|  ----   --- |
|         | | |
|         --- |
|             |
---------------

Der große Rahmen soll dann halt auf der Gesamtseite zentriert sein und die
kleinen sollen relativ zum großen Rahmen positioniert werden...

Bitte, bitte helft mir

flenders

energyzer schrieb:

Aber wie schaffe ich es, dass alle untergeordneten div-Tags nur relativ zum Vater-div positioniert werden?

Eigentlich sollte er das immer so machen Könnte natürlich sein, dass er das margin da mitrechnet

energyzer

Edit: Hab mich verschrieben