Seite zentrieren

html.de-Forum HTML, XHTML & CSS
1

Hallo ich würde gern die meine Webseite zentieren.
Das Problem ist das ich die Webseite auf meinem Monitor mit 1680x1050
einger massen mit .body zentiert bekomme. Ändere ich die Auflösung 1024x768
sieht es wieder total bescheuert aus. Ich will einfach das er nur mit dem möglichen Platz zentiert.
Ich habe es wie folgt versucht.

Index.html:
[HTML]

left
content
footer
[/HTML]

Style.css

body
{
    background-color:red;
    margin-left:25%;
}
#header
{
  width:1000px;
  height:100px;
  background-color:rgb(29,30,58);
}

#left
{
  float:left;
  width:200px;
  height:70%;
  background-color:rgb(29,30,58);
}

#content
{
  float:left;
  background-color:rgb(29,30,58);
  width:590px;
  height:70%;

}
#right
{
  float:left;
  width:200px;
  height:70%;
  background-color:rgb(29,30,58);
}
#footer
{
  clear:both;
  width:1000px;
  height:10%;
  background-color:rgb(29,30,58);
}
...unwichtige Sachen wurden weg gelassen
2

Mach’s damit Horizontale Zentrierung mit CSS und spendiere deinen Seiten n och einen standardkonformen Doctype für den Internet Explorer.

3

Pack doch deine ganze Seite nochmal in ein DIV (nennst du z.B. „container“) mit fester Breite (ich nehme z.B. 750px) und nimm dann den Code:

div.container {
width: 750px;
position: absolute;
left: 50%; // die Hälfte des Bildschirms
margin-left: -508px; // die Hälfte der Hälfte für die Mitte - muss die Hälfte der DIV-Breite beinhalten
}

Das war’s eigentlich.

Viel Glück,
Em.Ef.Be

4

@ Em.Ef.Be:
Gerade das ist ein äußerst schlechter Tipp, um Seiten zu zentrieren.
Durch die absolute Positionierung können je nach Fenstergröße Inhalte „verloren gehen“ bzw. sind dann für den Besucher nicht sichtbar.