Div positionieren

[Robert]

hallo,

ich möchte dass ein div

1. horizontal zentriert wird und
2. vertikal mindestens die höhe des fensters hat

es funktioniert zwar beides getrennt aber nicht gleichzeitig, da durch die angabe von position:absolute; erst die height:100%-angabe berücksichtigt wird, gleichzeitig dadurch aber eine horizontale zentrierung mit margin:auto; nicht mehr möglich ist

lösungsvorschläge?

danke
lg gerhard

[Ingo Turski]

Hi,

aber nicht gleichzeitig, da durch die angabe von position:absolute;

warum verwendest Du auch absolute Positionierung zum Zentrieren?

freundliche Grüße
Ingo

[Cyx23]

Hallo,

1. horizontal zentriert wird und
2. vertikal mindestens die höhe des fensters hat

eigentlich kannst du das auch auf zwei Elemente verteilen.

Auch mit einem Div gibt es Möglichkeiten mit margin, da ja die Breite wohl bekannt ist.

Also z.B. so: { width:600px; height:100%; left:50%; margin-left:-300px; position:absolute; }
vgl. auch centerdiv1, centerdiv2, centerdiv3.

Grüsse

Cyx23

[Joachim]

Hi,

es funktioniert zwar beides getrennt aber nicht gleichzeitig, da durch die angabe von position:absolute; erst die height:100%-angabe berücksichtigt wird

position:absolute ist der falsche Weg.

body:
    height:100%;
    text-align:center;

div:
    margin: auto;
    min-height: 100%;

in den Conditional Comments
div:
    height: 100%;

Gruesse, Joachim