---
title: "Container Problem"
url: "https://www.typo3.net/d/71268-container-problem"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2007-12-05"
last_reply: "2007-12-06"
replies: 12
solved: false
page: 1
pages: 1
lang: "de"
---

# Container Problem

Allgemein · 12 Antworten · gestartet 2007-12-05

## Eröffnungsbeitrag

**swunder** · 2007-12-05 · [Beitrag #1](https://www.typo3.net/d/71268-container-problem/1)

Hallo Leute,
bin ein totaller Anfänger im diesem Bereich und habe bisher folgendes TypoScrip zusammengeschrieben und mit CSS verbunden.
Die Seite sieht bisher so wie ich es mir vorgestellt habe aus. Jezt will ich, dass meine Seite nicht immer Links dargestellt wird, sondern in der Mitte.
Ich habe mir dabei folgendes überlegt: Ich definiere einen großen Container z.B. main. der über CSS immer in der Mitte liegen soll. Und die ganze Seite, sprich alle anderen Inhalte in diesen Main-Container positionieren. Dann wird ja der Seiteninhalt immer in der Mitte dargestellt. Ist meine denkweise richtig? Wenn ja wie mache ich das? Ich finde leider keinen Code oder Beispiel wie ich alle Container in einen riesen Container lege! Kann mir da jemand helfen! Mein bisheriger Code sieht Ihr unten!  In CSS müsste dann eigentlich nur folgender Code rein oder?

```javascript
#main { 
	width: 900px; 
	margin: 25px auto 0 auto; 
}
```

TypoScript Code:

```typoscript
# Default PAGE object:
page = PAGE
page {
	stylesheet = style.css

	10 = IMAGE
	10 {
		file = Logo_klein.gif  
		altText = Logo Grafik
		titleText = Dies ist eine Logo von der Firma Wunder
		wrap = <div id="logo_container"> | </div>
	}
	
	20 = HMENU
	20 {
		wrap = <div id="menu_left_container"> | </div>
		1 = TMENU
		1.wrap = <ul> | </ul>
		1.NO.wrapItemAndSub = <li> | </li>
		2 = TMENU
		2.wrap = <ul> | </ul>
		2.NO.wrapItemAndSub = <li> | </li>
	}
	
	30 < styles.content.get
	30.wrap = <div id="content_container"> | </div>
	
	40 < styles.content.getBorder
	40.wrap = <div id="contentBorder_container"> | </div>
	
	50 < styles.content.getLeft
	50.wrap = <div id="contentLeft_container"> | </div>
	
}
```

## Antworten

### [#2](https://www.typo3.net/d/71268-container-problem/2) · silverzone · 2007-12-05

Hi

Ich denke, das ist ne reine html/css Frage. Hat ja mit Typo nicht direkt was zu tun.

Kannst es aber trotzdem mal mit <center>inhalt</center> versuchen.

gruss

### [#3](https://www.typo3.net/d/71268-container-problem/3) · Gerfried · 2007-12-05

Ein gutes Ausgangs-Framework für CSS ist YAML. Schau mal auf <http://www.yaml.de/>

Gerfried

### [#4](https://www.typo3.net/d/71268-container-problem/4) · swunder · 2007-12-05

oh leider kann ich damit recht wenig anfangen! Zumindestens ich schnalle es nicht wie ich es machen soll!
Aber Danke für die Links!
Falls jemand eine Lösun g kennt wäre ich sehr dankbar.

### [#5](https://www.typo3.net/d/71268-container-problem/5) · Gerfried · 2007-12-05

Jetzt stell Dich halt nicht so an... ;-)

<http://www.google.de/search?q=css+layout+zentrieren>
-> Erster Link:
<http://www.simplebits.com/notebook/2004/09/08/centering.html>

Gerfried

### [#6](https://www.typo3.net/d/71268-container-problem/6) · swunder · 2007-12-05

@Gerfried
das habe ich schon alles gesehen und ausprobiert. Das mit HTML und CSS ist mir bekannt. Ich aber benutze ja Typo3 und arbeite mit TypoScript uns CSS, daher ist diese Vorgehensweise nicht möglich, denke ich mal. Bin ein Typo3 und TypoScript Anfänger, daher kann ich mich irren.

Gruß

### [#7](https://www.typo3.net/d/71268-container-problem/7) · Gerfried · 2007-12-05

Aha - ich verstehe  :D
Dein Layout definierst Du aber nicht im Typoscript sondern in einem Template,
das Du dann ins Typoscript einbindest.

Hier gibt's die nötige Info:
<http://typo3.org/documentation/document-library/tutorials/doc_tut_templselect/current/>

Schönen Abend,
Gerfried

### [#8](https://www.typo3.net/d/71268-container-problem/8) · SLAng · 2007-12-05

Kein problem...

so könnte das aussehen:

```html
<div id="outsideContainer">
        .... Der Rest der Seite
</div>
```

Im CSS:

```html
div#outsideContainer { width:900px; margin:0 auto; }
```

Die Breite des Containers musst du natürlich auf deine bedürfnisse anpassen. Ohne feste Breite funktioniert das nicht, aber dürfte ja kein Problem sein.
Definition wie margin: 25px auto 0 auto; funktionieren auch nicht.

hier kannst du auch noch mehr nachlesen:
[/d/68133-site-zentriert-statt-linksbuendig](https://www.typo3.net/d/68133-site-zentriert-statt-linksbuendig)

### [#9](https://www.typo3.net/d/71268-container-problem/9) · swunder · 2007-12-05

@Gerfried
Danke Gerfried, aber du hätest auch gleich sagen können, dass du nicht weißt wie das geht! Dieser Dokument ist mir bekannt, aber ich kann leider nicht finden, wie ich es machen soll!

@SLAng
Das was du beschrieben hast gilt aber nicht im Typoscript oder?

```html
<div id="outsideContainer">
        .... Der Rest der Seite
</div>
```

Das ist ja nur in HTML möglich oder nicht! Aber ich habe ja kein HTML Files!!

### [#10](https://www.typo3.net/d/71268-container-problem/10) · Gerfried · 2007-12-05

> du hätest auch gleich sagen können, dass du nicht weißt wie das geht!

Aha - na, dann noch viel Erfolg...

### [#11](https://www.typo3.net/d/71268-container-problem/11) · richtsteiger · 2007-12-06

Und warum wrappst du nicht den Container einfach um den Rest?

```typoscript
#
page {
#
    stylesheet = style.css
    wrap = <div id="main"> | </div>
#
...
```

### [#12](https://www.typo3.net/d/71268-container-problem/12) · swunder · 2007-12-06

Ah so geht es in TypoScript. Ich meine alle anderen Container wrappen OK!

jetzt habe ich alle Container gewrappt und in CSS-Datei folgendes reingeschrieben! Es wird aber trotzdem nicht zentriert! Mache ich was falsch? ICh benutze übrigens IE7, hat vielleicht mit Browser was zu tun??

```html
#main { 
        border:5pt solid green;
        width: 900px; 
        margin: 25px auto 0 auto; 
}
```

Danke für die Hilfe!!

### [#13](https://www.typo3.net/d/71268-container-problem/13) · Michaelh74 · 2007-12-06

Seite besser im HTML-Template in DIV Container packen. Dann feste Breite zuweisen und margin auf auto setzen. Der IE zickt zumindest <7 rum und braucht noch ein body mit text-align: center. Das hat aber trotzdem nichts mit TypoScript zu tun - rein HTML + CSS.

Gruß
Michael

---

Quelle: „Container Problem“, typo3.net, https://www.typo3.net/d/71268-container-problem
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.