Probleem met div center

[Tobiaz]

Howdy

ik maak een site, bestaande uit div's
ik heb het nu zo gedaan dat de site in het midden neergezet word. via css.

Het werkt prima met 1024 > maar op 800*600 vallen de randen buiten het beeld en daar kan je niks aan doen
hoe komt dit?

code:

            position: absolute;
            left: 50%;
            top: 50%;
            
            width: 760px;
            height:566px;

            margin-left: -380px;
            margin-top: -283px;
        }

Als ik de totale grootte van de site verkleint moet ik tot 330 * 300 ofzo gaan, dan past het wel, dat gaat echt nergens over.
Als je deze pagina in 800*600 kijkt is het gewoon shit. Weet iemand dus hoe dit opgelost kan worden?

www.tobiaz.nl/test/kerkb

[disjfa]

omdat je een margin van een aantal pixel meegeeft.

als je hem horizontaal wilt centreren moet je margin:auto; gebruiken.

verticaal kan geloof ik niet.

[Verwijderd]

code:

element{
 position:absolute;
 top:0;right:0;bottom:0;left:0;
 height:200px;
 width:200px;
 margin:auto;
}

Werkt niet in IE uiteraard, maar het geeft wel wat jij bedoelt.

[Tobiaz]

owjah dom
Maar dan kan het dus gewoon niet goed voor800*600... omdat die margin precies de helft van de totale grootte is...

@anne: Hij moet we in IE werken
Waarom zijn zoveel dingen zo krom, alles kan tegenwoordig maar een div in het center plaatsen schijnt nog moeilijk te zijn ofzo

[ Voor 40% gewijzigd door Tobiaz op 19-12-2003 14:17 ]

[Verwijderd]

gooi er gewoon nog een div omheen met align=center

[Tobiaz]

dan centreerd ie de tekst...

[Verwijderd]

text-align:left;

[Tobiaz]

ja daar gaat het niet om, het gaat om een hele div groep in het midden van de site te plaatsen, lees de begin post dan....

[Verwijderd]

doe ik ook,.. ik gooi er altijd een center div omheen en dat werkt prima!
alleen werkt het niet als die div ook een style heeft, dus gewoon een div zonder style met align=center zou moeten werken.

[Verwijderd]

Argg..

Het gaat niet alleen om horizontaal centreren, waarvan de perfecte manier dit is: http://annevankesteren.nl/test/templates/center-h.php

Het gaat om zowel horizontaal als verticaal centreren.

[Verwijderd]

Verwijderd schreef op 19 december 2003 @ 14:34:
Argg..

Het gaat niet alleen om horizontaal centreren, waarvan de perfecte manier dit is: http://annevankesteren.nl/test/templates/center-h.php

Het gaat om zowel horizontaal als verticaal centreren.

Argg.. inderdaad, daar had ik overheen gelezen, excuus.
misschien heb je hier iets aan?
http://www.aspekt1.net/ms/dev/vertical-align.html
http://www.wpdfd.com/editorial/wpd0103.htm#toptip

[ Voor 17% gewijzigd door Verwijderd op 19-12-2003 15:01 ]

[Blaise]

bij verticaal centreren moet je de body (waar die div dus in zit) op height:100% zetten.
Dat werkt in alle moderne browsers.

[Justice]

* Justice seconds Blaise