Maresa P.: Website horizontal im Browser zentrieren

Beitrag lesen

Hi,

Hallo Cheatah!
vielen Dank für Deine schnelle Antwort.

[...]ich müsste einfach ein DIV "aussenrum" und setze die Eigenschaft "align=center".

nein. Das <div> muss einen linken und rechten margin-Wert von "auto" besitzen.

ich habe dies ausprobier:

<div style="margin-left : auto; margin-right : auto; width : 100%;">
inhalt
</div>

funktioniert aber nicht. Die Seite ist immernoch links positioniert.

» »» Das Problem ist aber, dass einige Elemente auf der Website absolut positioniert werden. D.h. von links oben ausgehend.

Wie herum meinst Du dieses Problem: Sollen die Elemente am Viewport oder am <div> ausgerichtet werden?

Was ist der Viewport?

Aktuell werden einige Elemente absolut positioniert.
Bspl.:
<div style="position:absolute; top: 67px; left:16px;">Inhalt</div>

Andere werden jedoch relativ positioniert:
Bspl.:
<div style="position:relative; float:left; top:64px; width:136px; height:34px;">Inhalt</div>

Wenn ich nun das Ganze horizontal mittig ausrichte, stimmt die Posistionierung der absoluten Elemente nicht. Die sind dann zu weit links.

Frage: wie löse ich das am Besten, ohne alle absoluten Positionierungen aufgeben zu müssen?

Durch die Wahl eines günstigen position-Wertes jenen <div>s.

Und der ist?

Cheatah

Vielen Dank für Deine Hilfe!
Maresa