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
- website in het midden?
-
26-01-2008, 18:22 #1
- Berichten
- 1.036
- Lid sinds
- 17 Jaar
website in het midden?
-
In de schijnwerper
-
26-01-2008, 18:25 #2
- Berichten
- 1.735
- Lid sinds
- 17 Jaar
margin body op 0 zetten
-
26-01-2008, 18:26 #3
- Berichten
- 673
- Lid sinds
- 18 Jaar
text-align: center;
-
26-01-2008, 18:29 #4
- Berichten
- 587
- Lid sinds
- 18 Jaar
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;}
-
26-01-2008, 18:42 #5
- Berichten
- 330
- Lid sinds
- 18 Jaar
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
-
26-01-2008, 20:46 #6
- Berichten
- 1.036
- Lid sinds
- 17 Jaar
hartelijk bedankt mensen:)
het is gelukt.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic