beste sd-ers,

misschien is ut beetje domme vraag.. maar ik hoop dat er iemand is die mij kan helpen.
ik wil graag website in het midden van het scherm hebben.. dat kan met <center> </center> tags maar ik wil dat niet:)
ik heb nu de #container div met een margin-left: 25%; gedaan maar met mijn resolutie zit de website in het midden van het scherm alleen als ik op andere resolutie bekijk is de site niet meer in het midden...
hoe kan ik dat voor elkaar krijgen dat de container div op elke resolutie in het midden van het scherm zit?

alvast bedankt!

gr, harmen vogel

margin body op 0 zetten

text-align: center;

Geef je website een wrapper

dus:

<div id="wrapper">
<!-- hier de rest van je website -->
</div>

en geef dan in de CSS code aan:

#wrapper {
margin: 0 auto 0 auto; (<-- dat is dus top:0; right:auto; bottom:0; left:auto;)
width: breedte van je website;
}

Dust bv:

#wrapper {margin:0 auto 0 auto;width:980px;}

Voor Internet Explorer is het nog wel noodzakelijk een test-align: center; op de body te zetten om zeker te zijn dat ie de website centreerd.

Dus:

<div ic="holder">
Blabla
</div>

Style:
body {
text-align: center;
}

#holder {
margin: 0 auto;
width: 500px; // breedte van de website

Suc6

hartelijk bedankt mensen:)
het is gelukt.