Login

#1 (**permalink**) 10-07-2009, 10:40

Hallo,

ich versuche es gerade hinzubekommen, das meine div box über die volle Höhe des Browsers geht und gleichzeitig zentriert ist.

Aber irgendwie bekomme ich immer nur eines von beiden hin.

mit folgendem Beispiel nimmt das div die volle Höhe ein ist aber linksbündig:

HTML-Code:

body{
	background: url(../design/bg.jpg);
	margin:0;
	padding:0;
	height:100%;
}


#haupt{
	background: url(../design/rel.jpg);
	width:900px;
        min-height:100%;
        height:auto !important;
        height:100%;
	margin:0 auto;
	position:absolute;
}

Wenn ich jetzt absolute zu relativ mache ist das ganze zentriert aber wieder nur so hoch wie der Inhalt...

#2 (**permalink**) 10-07-2009, 10:46

müßte doch gehen,
ev. fehlt noch

html {
height:100%;
}

#3 (**permalink**) 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.

#4 (**permalink**) 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?

Go and help me · #5 (**permalink**) 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

Login

PHP News

Aktuelle PHP Scripte