---
title: "Zentriert im IE, linksbündig in Firefox/Opera"
url: "https://www.typo3.net/d/63237-zentriert-im-ie-linksbuendig-in-firefoxopera"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2007-05-30"
last_reply: "2007-06-06"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Zentriert im IE, linksbündig in Firefox/Opera

Frontend › Styling · 2 Antworten · gestartet 2007-05-30

## Eröffnungsbeitrag

**johkeller** · 2007-05-30 · [Beitrag #1](https://www.typo3.net/d/63237-zentriert-im-ie-linksbuendig-in-firefoxopera/1)

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.

```html
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

## Antworten

### [#2](https://www.typo3.net/d/63237-zentriert-im-ie-linksbuendig-in-firefoxopera/2) · einpraegsam.​net · 2007-05-31

> **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:

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

CSS für alle veralteten MS Browser:

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

CSS wie es sein sollte:

```html
body { }
#all { width: 200px; margin: 0 auto; }
```

### [#3](https://www.typo3.net/d/63237-zentriert-im-ie-linksbuendig-in-firefoxopera/3) · johkeller · 2007-06-06

super! danke! jetzt funktionierts.

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

```html
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;
}
```

---

Quelle: „Zentriert im IE, linksbündig in Firefox/Opera“, typo3.net, https://www.typo3.net/d/63237-zentriert-im-ie-linksbuendig-in-firefoxopera
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.