[CSS] Seite über volle Höhe + zentriert

**mcmurphy** · 10.07.2009, 10:46

müßte doch gehen,
ev. fehlt noch

html {
height:100%;
}

**Laire** · 10.07.2009, 10:50

html hat auch height: 100%

Aber sobald ich den wert von position auf was anderes als absolute setzte, wird die Seite nicht mehr über die volle Höhe angezeigt. Bei absolute wird aber durch margin: 0 auto; die Seite nicht mehr zentriert.

**mcmurphy** · 10.07.2009, 11:04

also
margin: 0px auto;
position:relative; top:0px; left:0px;
tuts bei mir wenn ich ein div zentrieren will....
will er vielleicht unbedingt die px angabe bei margin?

hier mal mein grundgerüst (getestet....)

PHP-Code:


<style type="text/css">
     * {padding:0px; margin:0px;}
     html, body {
      height:100%;
     
     }
     div#centerMe {
       height:100%;
         margin:0px auto;
         border:1px solid red;
         width:400px;
     }
    </style>

PHP-Code:


<body>
 <div id="centerMe">
 bla
 </div>
</body>

BTW: mit welchem Browser testest du?

**CiaoSen** · 10.07.2009, 13:37

Überprüf mal dein doctype

Wenn die breite des Div's bleibt benutzt das:

PHP-Code:


left: 50%;
margin-left: -(hälfte der div breite);

funzt in jedem browser

mfg jura

[CSS] Seite über volle Höhe + zentriert