tobstar: div vertikal und horizontal zentriert

Beitrag lesen

Hallo zusammen,

ich habe folgendes Problem: ich möchte meinen Seiteninhalt in der Bildschirmmitte haben. Jetzt habe ich ein html-template erstellt, aber ich bekomme den div Container den ich angelegt habe einfach nicht so hin, dass er horizontal und vertikal in der Mitte ist.
Der Code sieht folgendermaßen aus:

<div style="position:relative; margin-top:auto; margin-left:auto; width:800px; height:550px; border:2px solid black; background:#fff" id="container">
      <div style="position:absolute; top:15px; left:15px; height:150px; font-family:arial; font-size:20pt; font-weight:bold;">XX Gruppe</div>
      <div style="position:absolute; top:50px; left:15px; height:150px; font-family:arial; font-size:10pt;">Sport macht fit</div>
      <img style="position:absolute; top:15px; left:200px; width:180px;" src="gfx/halle.jpg" alt="halle" />
      </div>

Also außenrum ist halt noch der <body> und das übliche html zeugs. Der Container div soll nun in der Mitte zentriert sein und die restlichen divs und imgs (es kommen noch mehr dazu) sollen sich am Container orientieren, das klappt auch, aber der Container an sich geht nicht in die Mitte.

Ich hoffe ihr könnt mir helfen, ich seh den Fehler einfach nicht...banghead.gif

Vielen Dank