[HTML / CSS] Design zentrieren

[pacman1986]

du koenntest in der css datei mit javascript arbeiten
das stichwort hierfür heisst expression

Code:

         width: expression(document.body.clientWidth - 603 + "px");

[Matze]

Zitat:

Zitat von DGL-luke

Übermittelt der Browser im header nicht normalerweise die Systemauflösung?

Davon habe ich noch nie gehört. Welchen Header meinst du denn? Den User-Agent, den man bei den meisten Browsern nach belieben ausfüllen kann? Weil dieser übermittelt das nicht. Der enthält meist die Browserversion, die Browsersprache und das Betriebssystem. Meines Wissens geht es wirklich nur per JS (oder evtl. auch ActiveX, da dies ja auch client-seitig ausgeführt wird).

[St.Pauli]

Ich nehme mal an das die Größe deiner Box, die du zentrieren willst, konstant ist. Dann kannst du folgendes verwenden:

Code:

position: absolute;
width:  20em; /* Nur mal als Beispiel */
height: 20em;
top:  50%;
left: 50%;
margin-left: -10em; /* minus die Hälfte der Boxgröße */
margin-top:  -10em;

[Matze]

Das entspricht ja bereits erwähntem Code, mit dem Unterschied, dass sich die horizontale-Zentrierung auch für dynamische Breiten mit CSS lösen lässt und nicht, wie bei dir, mit fester Breite. ;)