CSS vraag

[Verwijderd]

Hey ik wil dat mijn code in het midden van de pagina komt te staan (verticaal).. Maar hoe moet dat heb echt van alles geprobeerd..

code:

html, body { padding: 0; margin: 0;} 

#achter {width: 100%; background-color: black;}
#intro {width: 420px; height: 328px; background-color: black; margin: 0 auto;}
#intro img { border-left: 2px solid white; border-right: 2px solid white; margin: 0 auto;}

<div id="achter">
    <div id="intro">[img]"images/intro.gif"[/img]</div>
</div>

[RM-rf]

code:

html, body { padding: 0; margin: 0; width:100%; height: 100%; }

wil nog wel vaak belangrijk helpen ...

[dev icey]

Verwijderd schreef op dinsdag 23 november 2004 @ 17:25:
Hey ik wil dat mijn code in het midden van de pagina komt te staan (verticaal).. Maar hoe moet dat heb echt van alles geprobeerd..

Dit had je makkelijk kunnen vinden door, te searchen met got:
http://gathering.tweakers...XF13-20040815--A#hitstart die pagina te openen, en dan deze link te klikken: http://zoefff.gotdns.com/divcenter.htm

Tip: Zoek voortaan eerst eens met gotsearch of google. Scheelt jouw en ons een hoop tijd.

Dit is trouwens een van de vele manieren om het op te lossen.

[ Voor 29% gewijzigd door dev icey op 23-11-2004 17:34 ]

[Verwijderd]

ik heb al naar meerder voorbelden gekeken en daar doen ze allemaal

top: 50%:
margin-top: -dehelftvandehoogtepx;

ik heb nu dus dit maar het werkt voor geen meter:

code:

html, body { padding: 0; margin: 0;} 

#achter {width: 100%; background-color: black;}
#intro {width: 420px; height: 328px; background-color: black; margin: 0 auto; top: 50%; margin-top: -164px;}
#intro img { border-left: 2px solid white; border-right: 2px solid white; margin: 0 auto;}

[Rowanov]

dan neem je een div, die je container noemt en waar je alles in doet;

vervolgens:

code:

container {
left: 50%;
top: 50%;
}

Is dit wat je zoekt?

[Verwijderd]

werkt ook niet, die left 50% snap ik zowiezo niet het gaat erom dat ie verticaal in het midden komt....

alles moet in het midden komen ook die achtergrond, niet alleen het plaatje ofzo

[ Voor 29% gewijzigd door Verwijderd op 23-11-2004 18:00 ]

[JHS]

Rowanov schreef op dinsdag 23 november 2004 @ 17:54:
dan neem je een div, die je container noemt en waar je alles in doet;

vervolgens:

code:

container {
left: 50%;
top: 50%;
}

Is dit wat je zoekt?

Zie ook de posts boven je, maar aangezien die container dan op 50% van boven en links begint, en stel dat de pagina ter breedte is van, zeg, 80% van je normale browsergrootte, dan zit het dus helemaal scheef , lijkt me .

[Tsunami]

Je vergeet de position: absolute;

Ik had het niet zo zeer tegen jou Rowanov, maar tegen de TS. Hij heeft alle benodigde code, behalve de position, en laat dat nou net nodig zijn om die margins te laten werken

[ Voor 87% gewijzigd door Tsunami op 23-11-2004 18:16 ]

[Rowanov]

Laat ook maar, ik ben niet helemaal wakker atm., ik vergeet de helft en ik lees verkeerd, excuses...