[CSS] Website centreren

Status
Niet open voor verdere reacties.

Kuifje_007

Gebruiker
Lid geworden
25 mrt 2004
Berichten
209
Deze vraag is zeker veel gesteld en overal op het internet staat over het horizontaal centreren van de website, maar toch lukt het niet bij mij.
Ik heb bij body text-align: center en bij #wrapper { margin: 0px auto en text-align: left } gezet, dan moet de website normaal toch centreren bij IE, maar hij centreert alleen perfect in Firefox, niet in IE.
Misschien kan je van de onderstaande code zien waar het aan ligt. Alvast bedankt.

Code:
@charset "utf-8";
/* CSS Document */

body {	
	text-align: center;
}

#wrapper { 
	margin: 0px auto;
	width: 800px;
	text-align: left;
}

#header {
	top: 10px;
	height: 158px;
	width: 800px;
	float: left;
}

#linkerkolom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	height: 550px;
	width: 378px;
	float: left;
}

#rechterkolom {
	float: right;
	height: 550px;
	width: 378px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
	padding: 10px;	
	display: inline;
	position: relative;
}

#footer {
	position: fixed;
	bottom: 0px;
	width: 801px;
	height: 20px;
	text-align: center;
	background-color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 8px;
}

#vierkant {
	position: fixed;
	top: 10px;
	bottom: 0px;
	width: 800px;
	border: #006600 solid 1px;

}

#dutch {
	position: fixed;
	padding-top: 5px;
	right: 285px;
	width: 20px;

}

#english {
	position: fixed;
	padding-top: 5px;
	right: 250px;
	width: 20px;

}
 
Laatst bewerkt:
Met text-align gaat 't sowieso niet werken, ik gebruik altijd de volgende manier:
HTML:
div.container {
	width: 800px;
	margin-left: -400px;
	margin-top: 10px;
	text-align: left;
	vertical-align: top;
	visibility: visible;
	position: absolute;
	left: 50%;
	display: block;
}
Hierbij is de margin-left de helft van de width, en margin-top kan je zelf aanpassen naar je wensen.

;)
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan