Problem mit mittig positionierten Inhalten

[Justin]

Hallo

Ich soll den Inhalt einer Website genau in der Mitte platzieren mir ist die möglichkeit mit:

body{
   text-align:center;
}

und

div{
   margin:auto;
}

bekannt, allerdings ist das div absolut positioniert hierzu benutze ich folgenen code:

div{
   position:absolute;
   left:50%;
   margin-left:-550px;
}

dabei gibt es nur ein problem:

Wenn man sich an die Seite nähr heran zoomt so wird der rechte tei des Bildschirms abgeschnitten. Das bedeutet, dass wenn jemand mit einem Handy die Seite sehen will, eine andere Bildschirmauflösug oder hohen zoom eingestellt hat er nur die Hälfte sieht.

Ich wollte also mal fragen ob es ne andere Möglichkeit gibt ein absolut positioniertes Element mittig zu positionieren oder die Eigenschaften vom html-, body- oder div-element so zu verändern, dass das beschriebene Problem nichtmehr auftritt.

Ich danke schon mal für alle Antworten

Justin

 

[Justin]

Also hat wirklich niemand ne andere Idee?
Dann kann ich es halt nicht in die mitte setzen. Is auch egal.
Justin

 

[dkdenz]

http://intensivstation.ch/templates/

 

[anna55]

Wenn man sich an die Seite nähr heran zoomt so wird der rechte tei des Bildschirms abgeschnitten

Wo kommt denn dieser Wert her:

margin-left:-550px;

Da fehlt doch ne width-Angabe.

 

[Fr33z3r]

absolut:

<div style="position: absolute; top: 50%; left: 50%;">mitte</div>

relativ:

<div style="margin: 0 auto; width: 100px;">mitte</div>

 

[anna55]

http://www.thestyleworks.de/tut-art/centerblock.shtml