Forum Doku Wiki Blog

Forumsarchiv 2005, November
Div positionieren

archivierte Beiträge lesen

  1. (CSS) Div positionieren von Robert, 16. 11. 2005, 10:54

Div positionieren

Der folgende Beitrag wurde am 16. 11. 2005, 10:54 Uhr von Robert veröffentlicht.

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

Div positionieren

Der folgende Beitrag wurde am 16. 11. 2005, 11:44 Uhr von Ingo Turski veröffentlicht.

Hi,

> aber nicht gleichzeitig, da durch die angabe von position:absolute;
warum verwendest Du auch absolute Positionierung zum Zentrieren?

freundliche Grüße
Ingo
--
[barrierefreie Webseitenerstellung » Suchmaschinenoptimierung | em?] (Hommingberger Gepardenforelle;-)

Div positionieren

Der folgende Beitrag wurde am 16. 11. 2005, 12:41 Uhr von Cyx23 veröffentlicht.

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
--
Goldschmiedekurse Workshops Schmuckgestaltung Trauringe selber machen
Barrierefreies Webdesign in Düsseldorf
Designleistungen
CSS für alle Browser

Div positionieren

Der folgende Beitrag wurde am 16. 11. 2005, 12:48 Uhr von Joachim veröffentlicht.

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
--
Am Ende wird alles gut.

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4