[CSS] DIV-Box zentrieren und height 100%

XadreS

XadreS

Painkiller
ID: 370013
L
4 Mai 2006
3.466
345
Hallo,

bräuchte mal Hilfe. Fummel jetzt schon ewig rum und komme nicht auf die Lösung. Googlen hat auch nicht viel gebracht....

Ziel:
Eine DIV-Box soll zentriert werden und eine Höhe von 100% besitzen. Die Breite ist ein fester Pixelwert von 900 aber für die Lösung irrelevant.

HTML-Code:
HTML: 
<html>
<body>
    <div id="content"></div>
</body>
</html>
CSS-Code:
Code: 
body {
    text-align: center;
    height: 100%;
}
#content {
    width: 900px;
    position: relative;
    margin: 0px auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
Mit der position Angabe bin ich mir nicht sicher. Habe es bereits ohne probiert, aber egal was ich probiert habe, es klappt nicht...

Danke schonmal im Vorraus :)

Grüße

EDIT: Noch zu erwähnen ist, dass ich FireFox 2.0.0.12 und Internet Explorer 7.0.5730.11 zum Testen benutze.
 
zu position relative, ist in diesem falle nicht nötig.
Wofürbrauchst du die Anweisungen im body?

#box {
margin: 0 auto;
width: 900px;
height: 100%
}

Das sollte reichen.
 
Also ich habe das richtig verstanden, Du willst das Ding mittig auf dem Monitor zentrieren?

Das ginge damit:
PHP: 
    position: absolute;
    left: 50%;
    width: 900px;
    margin-left: -4500px; /* negative Hälfte von width */
    top: 50%;
    height: 100px;
    margin-top:  -50px; /* negative Hälfte von height */
    z-index: 100;
Oder habe ich das jetzt falsch verstanden ...


Grüße

EDIT: Ach sorry, die Höhe soll 100% sein. Dann lass den zweiten Teil einfach weg.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben