Homepage selbermachen 7.846 Themen, 35.563 Beiträge

richtiges Zentrieren einer CSS-Seite?

S.H.2 / 5 Antworten / Flachansicht Nickles

Hallo.

Ich bin gerade an einer CSS-Seite und möchte diese gerne in der Mitte zentrieren (links und rechts, aber auch oben und unten ist Platz). Nachdem ich gegoogled habe steht jetzt folgendes in meinem styles.css:

body
{
position: absolute;
left: 50%;
width: 1003px;
margin-left: -500px;
top: 50%;
height: 633px;
margin-top: -318px;
border: 0px solid #FF0000;
font: 76% arial,sans-serif;text-align:center;
color:#FFFFFF;
}

Das Problem ist allerdings, dass - wenn ich das Browserfenster verkleinere - die Seite "abgeschnitten" angezeigt wird, das Menü und das obere Logo sind mit den Scrollbalken nicht zu erreichen. Kann mir da jemand helfen?
Falls ich irgendwo Blödsinn geschrieben habe: ich bin CSS-Anfänger ;-)

LG, S.H.2

bei Antwort benachrichtigen
S.H.2 Nachtrag zu: „richtiges Zentrieren einer CSS-Seite?“
Optionen

Hallo.

Ich hab jetzt alles nochmal umgeschmissen, im Firefox ist es jetzt perfekt in der Mitte. Der Internetexplorer sträubt sich wieder mal, mit "left: expression(((this.parentNode.offsetWidth - this.offsetWidth) / 2.0) + 'px');" (im Netz gefunden)habe ich zumindest erreicht dass er meine Seite horizontal zentriert. Weiß jemand wie ich erreiche dass er sie auch vertikal zentriert? Ich verstehe an dieser Zeile rein gar nichts, aber sie funktioniert ;-)

Wäre dankbar für schnelle Hilfe :-)
LG

bei Antwort benachrichtigen