---
title: "Seiteninhalt horizontal zentrieren"
url: "https://www.typo3.net/d/71894-seiteninhalt-horizontal-zentrieren"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS"]
created: "2007-12-26"
last_reply: "2007-12-27"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# Seiteninhalt horizontal zentrieren

Allgemein · 5 Antworten · gestartet 2007-12-26

## Eröffnungsbeitrag

**enno** · 2007-12-26 · [Beitrag #1](https://www.typo3.net/d/71894-seiteninhalt-horizontal-zentrieren/1)

Hallo Zusammen,

ich bin Anfänger in Sachen Typo3 und benötige eure Hilfe. Ich habe ein Template in html Form eingebunden. Dazu eine entsprechende css-Datei. Das hat dann auch alles geklappt. Ich habe jetzt nur ein Problem. Wenn ich die index-html mit dem Browser (also nicht über Typo3) öffne, wird meine Seite zentriert dargestellt. (horizontal) Das habe ich in der css über "margin: 0 auto;" hinbekommen. Diese in Typo3 eingebundene index.html mit css-Datei zeigt mir aber über Vorschau in Typo3 die Seite nicht zentriert sondern linksbündig an.

Woran kann das liegen? Muss ich noch eine Einstellung in Typoscript vornehmen?

Für Eure Hilfe wäre ich sehr dankbar.

Gruß
enno

## Antworten

### [#2](https://www.typo3.net/d/71894-seiteninhalt-horizontal-zentrieren/2) · ArminB · 2007-12-26

moin,

passt der doctype nicht? Schau mal im Qulltext nach ob die unterschiedlich sind.

Armin

### [#3](https://www.typo3.net/d/71894-seiteninhalt-horizontal-zentrieren/3) · Michaelh74 · 2007-12-26

Welcher Browser? Z.B. IE < 7 brauch noch eine page wrap mit align: center.
Wird das CSS sonst richtig eingebunden? Für den FF und den IE gibt es gute Plugins, die Dir bei der Problemsuche mit CSS helfen.

Gruß
Michael

### [#4](https://www.typo3.net/d/71894-seiteninhalt-horizontal-zentrieren/4) · enno · 2007-12-27

Hallo Armin,

danke für die Antwort.
In der Index.html sieht das so aus:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd>">
<html xmlns="<http://www.w3.org/1999/xhtml>">
<head>
...

Wenn ich die Seite über Typo3 aufrufe und mir den Code ansehe, sieht der so aus:
<!DOCTYPE html
	PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
...

Sie sind also unterschiedlich.
Ich glaube Du hasst recht, denn ich habe zum Test den Code, der von Typo3 generiert wird, in die andere Datei übertragen und siehe da, beim öffnen der Index.html mit IE6 war die Seite nicht zenttriert.
Wie bekomme ich den richtigen DOCTYPE in Typo 3 hinein?
Kannst Du mir helfen?

Gruß
enno

PS: Hallo Michael, align:center hat leider nicht geholfen. Zumal die html-Seite ja richtig angezeigt wird, nur eben nicht wenn diese als Vorlage für Typo3 verwendet und aufgerufen wird.

### [#5](https://www.typo3.net/d/71894-seiteninhalt-horizontal-zentrieren/5) · Michaelh74 · 2007-12-27

Wie man den Doktype setzt steht in der TSREF mit allen Varianten. Ist dort leicht zu finden.

Du sagt IE6, dann geht das mit dem align: center 100%ig!
Du mußt aber einen page wraper verwenden.

```html
<div id="pagewrapper">
   <div id="page-area">

   </div>
</div>
```

das align: center muß für #pagewrapper gesetzt werden. Dann klappt das auch ohne Doktype switch. Ist eine bekanntes IE Problem...

Gruß
Michael

### [#6](https://www.typo3.net/d/71894-seiteninhalt-horizontal-zentrieren/6) · enno · 2007-12-27

Hallo Michael,

habe das noch einmal versucht. Jetzt klappt es. (text-align: center;)
Danke.

Gruß
enno

---

Quelle: „Seiteninhalt horizontal zentrieren“, typo3.net, https://www.typo3.net/d/71894-seiteninhalt-horizontal-zentrieren
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.