CSS - Seite wird in Opera nicht zentriert

Status
Nicht offen für weitere Antworten.

groemmi

Mitglied
Hi Leute, ich habe eine simple Homepage mit CSS erstellt, die im IE auch nach meinen Wünschen dargestellt wird. als ich zufällig die Seite im Opera geöffnet habe ist mir aufgefallen, dass die Zentrierung verloren gegangen ist.
Woran könnt das liegen?
Die CSS sieht folgendermaßen aus:
Code:
html {
	height: 100%;
}
body {
	text-align: center;
	background-color: #FFFFFF;
	margin: 0px;
}
#body {
	background-color: #FFFFFF;
	background-image: url(bg_body.jpg);
	background-repeat: repeat-y;
	text-align: center;
	height: 900px;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 1000px;
}
#site {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #FFFFFF;
	width: 660px;
	left: 170px;
	position: absolute;
	text-align: left;
}
#head {
	width: 660px;
	height: 213px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: left;
	position: relative;
}
 
Für welches Element ist die Zentrierung verloren gegangen.

Lösungsansatz:

Gib jedem Element eine Breite und dann allen Elementen ein margin: 0 auto oder margin:0 auto 0 auto variabel. Dann müsste sich der Opera auch zentrieren.
 
Status
Nicht offen für weitere Antworten.
Zurück