Homepage selbermachen 7.852 Themen, 35.619 Beiträge

Verfolgung starten Optionen

richtiges Zentrieren einer CSS-Seite?

S.H.2 / 5 Antworten / Baumansicht 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
ArminH S.H.2 „richtiges Zentrieren einer CSS-Seite?“
Optionen

Hallo,

dafür brauchst du kein CSS:

<BODY>
<CENTER>
.
.
.
</CENTER>
</BODY>

Gruß, Armin
bei Antwort benachrichtigen
Scotty7 ArminH „Hallo, dafür brauchst du kein CSS: . . . “
Optionen

The center element was deprecated in HTML 4.01.
The center element is not supported in XHTML 1.0 Strict DTD.

Nimm doch mal Prozentwerte

gens inculta nimis vehitur crepitante colossa.
bei Antwort benachrichtigen
Scotty7 S.H.2 „richtiges Zentrieren einer CSS-Seite?“
Optionen

http://www.css4you.de/wslayout1/index.html
http://www.css4you.de/wslayout1/ex0003.html

Wirklich die einfachste Methode

gens inculta nimis vehitur crepitante colossa.
bei Antwort benachrichtigen
S.H.2 Nachtrag zu: „richtiges Zentrieren einer CSS-Seite?“
Optionen

Hallo,

danke erstmal für die Antworten!! Das ... klappt, es ist nichts mehr abgeschnitten wenn das Fenster verkleinert wird. :-) Dafür klebt die Seite jetzt bei einer größeren Auflösung links oben in der Ecke ^^. In der styles.css steht jetzt für den Body nur noch:

body
{
position: absolute;
width: 1003px;
border: 0px solid #FF0000;
font: 76% arial,sans-serif;text-align:center;
color:#FFFFFF;
}

Wie bekomm ich die Seite jetzt wieder in die Mitte?

LG, und danke schonmal! :-)
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