Container Problem

swunder · 2007-12-05T12:56:28+00:00

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? #main { width: 900px; margin: 25px auto 0 auto; } TypoScript Code: # 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 = | } 20 = HMENU 20 { wrap = | 1 = TMENU 1.wrap = | 1.NO.wrapItemAndSub = | 2 = TMENU 2.wrap = | 2.NO.wrapItemAndSub = | } 30 | 40 | 50 | }

swunder · 5. Dezember 2007 16:04

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.

Gerfried · 5. Dezember 2007 16:38

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

swunder · 5. Dezember 2007 18:00

@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ß

Gerfried · 5. Dezember 2007 18:48

Aha - ich verstehe 😃
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

SLAng · 5. Dezember 2007 18:57

Kein problem...

so könnte das aussehen:

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

Im CSS:

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:
#68133

swunder · 5. Dezember 2007 19:26

@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?

<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!!

Gerfried · 5. Dezember 2007 20:40

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

Aha - na, dann noch viel Erfolg...

richtsteiger · 6. Dezember 2007 10:56

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

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

swunder · 6. Dezember 2007 18:48

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??

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

Danke für die Hilfe!!

Michaelh74 · 6. Dezember 2007 19: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