div container mittig ausrichten

[xXxPeterPanxXx]

Hi Leute,
ich hatte grad ein Blackout und hab nichts mehr gewusst und deshlab hab ich gegoogelt wie man ein div container mittig ausrichtet und habe folgendes gefunden:

#header {
position:absolute;
width:800px;
height:200px;
left:50%;
margin-left:-400px;}

Ist die möglichkeit in Ordnung oder nicht richtig? Geht das das ich das absolut positioniere?

Danke im Voraus!

Mfg xXxPeterPanxXx

 

[threadi]

Blockelemente kann man mit

margin: 0px auto;
width: 100px;

horizontal zentrieren. Eine absolute Positionierung wie bei dir ist dafür nicht notwendig.

 

[Bernhard]

Hi Leute,
ich hatte grad ein Blackout und hab nichts mehr gewusst und deshlab hab ich gegoogelt wie man ein div container mittig ausrichtet und habe folgendes gefunden:

#header {
position:absolute;
width:800px;
height:200px;
left:50%;
margin-left:-400px;}

Ist die möglichkeit in Ordnung oder nicht richtig? Geht das das ich das absolut positioniere?

Danke im Voraus!

Mfg xXxPeterPanxXx

Hallo Peter,

das funktioniert - aber nur solange, wie Dein Viewport breiter als 800px ist...
sinnvoller ist, auf die (absolute) Positionierung zu verzichten und es mit
margin:auto; zu machen.

Grüße
Bernhard

 

[xXxPeterPanxXx]

Ah cool Danke!

 

[Efchen]

das funktioniert - aber nur solange, wie Dein Viewport breiter als 800px ist.

Da sollte man auch immer darauf hinweisen, dass wenn der Viewport kleiner wird, die Site sogar unbenutzbar wird, weil die Inhalte dann links aus dem Browser raus verschwinden, wo auch kein Scrollbalken hin kommt!