Zum Inhalt springen

Zentriert im IE, linksbündig in Firefox/Opera

Erstellt am 30. Mai 2007 · 2 Antworten · letzte Antwort am 6. Juni 2007

Tags: HTML & CSS, Frage

johkeller ·

Hallo

Ich habe in meinem CSS text-align für body auf center gesetzt. Im Internet Explorer (und in der internen Vorschau vom HTML Editor Phase) wird die Seite mit CSS Rahmen etc. auch zentriert angezeigt. Im Firefox und Opera ist sie jedoch linksbündig.

body {
	color:black; background-color:white;
	font-size: 100.01%;
	font-family:'Helvetica,Arial,sans-serif';
	margin: 0; padding: 1em 0;
	text-align:center;
}

Ich nehem an, das text-align hier nicht das richtige Mittel ist und Internet Explorer hier im Prinzip CSS falsch interpretiert.

Was wäre das richtige Mittel?

Danke

Gruss
Joe

einpraegsam.​net ·
johkeller schrieb

Ich nehem an, das text-align hier nicht das richtige Mittel ist und Internet Explorer hier im Prinzip CSS falsch interpretiert.

Japp!

Beispiel HTML:

<body>
<div id="all"></div>
</body>

CSS für alle veralteten MS Browser:

body { text-align: center }
#all { width: 200px; }

CSS wie es sein sollte:

body { }
#all { width: 200px; margin: 0 auto; }
johkeller ·

super! danke! jetzt funktionierts.

die Zeile mit 'margin: 0; padding: 1em 0;' muss ich aus body{} entfernen.

body {
	color:black;
         background-color:white;
	font-size: 100.01%;
	font-family:"Helvetica,Arial,sans-serif";
	text-align:center;
}
div#page {
	width: 720px;
         margin: 0 auto;
}