koerschgen2001: Seite mittig auf dem Bildschirm positionieren

Ich möchte das meine Seite mittig auf dem Bildschirm posisoniert wird.
Mit margin erreiche ich da nicht so viel, da die Seite bei unterschiedlichen Bildschirmauflösungen dann nicht mehr mittig ist.
Hier mal ein bisschen Code:

  
<div id="banner">  
<img src="bilder/banner.jpg" alt="">  
</div>  
<div class="haupt">  
<div id="navi">  
<!-- Hier ist die Navigation -->  
</div>  
<div id="inhalt">  
<!-- Inhalt -->  
</div>  
<div id="info">  
<!-- und in der rechten Spalte steht auch noch was -->  
</div>  
</div>  

  
#banner img {  
   padding: 0px;  
   width: 950px;  
   height: 110px;  
   clear: none;  
   float: none;  
   margin: 0em 0em 0em 1em;  
   text-decoration: none;  
   left: auto;  
   top: auto;  
   right: auto;  
   bottom: auto;  
   clip: rect(auto,auto,auto,auto);  
   vertical-align:bottom;  
   display:block;  
}  
  
.haupt {  
       position: relative;  
       margin : 0;  
       margin-left: 10;  
       min-height : 600px;  
       width : 952px;  
       background-color : #F0F8FF;  
}  
  
  
#navi {  
 float : left;  
 width: 160px;  
 height: 50em;  
 background-color: #F0F8FF;  
}  
  
#inhalt {  
        float : left;  
 width: 648px;  
 height: 50em;  
        margin : auto;  
 padding-left: 3.4em;  
 padding-right: 3.4em;  
}  
  
[id]#inhalt {  
        float : left;  
 width: 524px;  
 height: 50em;  
        margin : auto;  
 padding-left: 4.7em;  
 padding-right: 4.7em;  
}  
  
#info {  
  
   float: right;  
   width: 140px;  
   height: 50em;  
}  

  1. Hello out there!

    Ich möchte das meine Seite mittig auf dem Bildschirm posisoniert wird.

    http://forum.de.selfhtml.org/hilfe/faq.htm#css-zentrieren

    See ya up the road,
    Gunnar

    --
    “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
    1. Stimmt. Hab ich ganz übersehen, dass da auch was über zentrierung stand.

  2. Hi,

    lies Dich mal ein: http://de.selfhtml.org/css/layouts/einfuehrung.htm

    Dabei ist auch ein Beispiel, bei dem der Inhalt mittels Feste-Weite-Div per margin:auto zentriert wird (fuer IE wird der body auf text-align: center gesetzt).

    Gruesse, Joachim

    --
    Am Ende wird alles gut.
  3. Hi,

    Ich möchte das meine Seite mittig auf dem Bildschirm posisoniert wird.

    Mit CSS geht das nicht. Du kannst mit CSS zwar die Seite mittig im *Anzeigefenster* positionieren, nicht aber in der Mitte des *Bildschirms* ;-)

    (ausserdem ... wenn Deine Website einfach so mein Browserfenster verschieben wuerde, haettest Du mich genau zweimal als Besucher: Das erste und das letzte Mal ;-)

    scnr & Gruss,

    • Joerg