Wat is de beste manier om een website te centreren in alle browsers?
met div = center of met wraps en containers?
Alvast Bedankt,
Emrullah
- Website centreren cross-browser
-
10-05-2009, 15:29 #1
- Berichten
- 15
- Lid sinds
- 15 Jaar
Website centreren cross-browser
-
In de schijnwerper
19 websites met bezoekers | Tussen de € 50 en € 100 per websiteWebsite te koopBacklinks.nl - Voor een natuurlijk linkprofiel!LinkpartnersOntvang gegarandeerd meer websitebezoekers met ons SEO & Maand Linkbuilding Pakket!Freelance / WerkVerdien €400,- of meer met het plaatsen van een blogFreelance / Werk -
10-05-2009, 15:30 #2gast14543 Guest
Ik doe altijd direct naar de body een
<div align="center">
en dan voor de </body> een </div> ;)
-
10-05-2009, 15:49 #3
- Berichten
- 30
- Lid sinds
- 15 Jaar
de buitenste div een vaste breedte geven, en dan met css: "margin:0px auto;"
-
10-05-2009, 15:55 #4De Leeuw Internet Marketing
- Berichten
- 141
- Lid sinds
- 16 Jaar
Mijn favoriete methode:
Code:html { text-align: center; } body { width: 960px; margin: 0 auto; text-align: left; }
-
10-05-2009, 16:41 #5Particulier
- Berichten
- 1.281
- Lid sinds
- 17 Jaar
Maar wat als je website dan groeit, en je wilt een keer een advertentie plaatsen als achtergrond, zoals je dat tegenwoordig wel eens ziet? Of je wilt in de winter een thematische achtergrond gebruiken? Of een keer zo'n page-flip-advertentie in de rechterbovenhoek? Met de methode van Daniël is dat niet mogelijk. Ik raad een het volgende gewoon aan:
#container { width: 980px; margin: 0 auto; }
-
11-05-2009, 12:09 #6
- Berichten
- 15
- Lid sinds
- 15 Jaar
Origineel gepost door Michiel H.Maar wat als je website dan groeit, en je wilt een keer een advertentie plaatsen als achtergrond, zoals je dat tegenwoordig wel eens ziet? Of je wilt in de winter een thematische achtergrond gebruiken? Of een keer zo'n page-flip-advertentie in de rechterbovenhoek? Met de methode van Daniël is dat niet mogelijk. Ik raad een het volgende gewoon aan:
#container { width: 980px; margin: 0 auto; }
HTML:
Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <title><title> <link href="css/styles.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <img src="img/img-1.png" /> <br /> <img src="img/img-2.png" /> <br /> <img src="img/img-3.png" /> </div> </body> </html>
Code:body { background:#FFFFFF; } #container { width: 900px; margin: 0 auto; } #container img { width: 300px; height: 300px; }
Wat doe ik fout?
Alvast Bedankt
-
11-05-2009, 12:26 #7
- Berichten
- 1.192
- Lid sinds
- 16 Jaar
Beste manier is naar mijn inzien;
Code:left: 50%; margin-left: -helft.vd.pixels; position: relative;
-
11-05-2009, 13:42 #8Ondernemer
- Berichten
- 1.356
- Lid sinds
- 17 Jaar
Origineel gepost door Emrullah Cicekik heb nu het volgende:
HTML:
Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <title><title> <link href="css/styles.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <img src="img/img-1.png" /> <br /> <img src="img/img-2.png" /> <br /> <img src="img/img-3.png" /> </div> </body> </html>
Code:body { background:#FFFFFF; } #container { width: 900px; margin: 0 auto; } #container img { width: 300px; height: 300px; }
Wat doe ik fout?
Alvast Bedankt
Zet eens in de body ook margin:0px auto; waarschijnlijk werkt het dan wel?
-
11-05-2009, 21:10 #9Particulier
- Berichten
- 44
- Lid sinds
- 16 Jaar
Emrullah,
Zo moet het werken
body {
margin: 0;
padding: 0;
}
#container {
width: 960px;
margin: 0 auto;
background-color:#009900;
}
background is alleen zodat je het ziet :)
Succes
-
11-05-2009, 21:33 #10Particulier
- Berichten
- 87
- Lid sinds
- 15 Jaar
ik zet de margin / padding value meestal in deze vorm.
* {margin:0; padding:0;}
Het is hoe je het zelf wilt, maar idd de beste manier om te centreren is met een container met margin:0 auto;
-
12-05-2009, 07:55 #11Particulier
- Berichten
- 131
- Lid sinds
- 16 Jaar
Probeer eens een ander doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
bijvoorbeeld
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