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 = <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>
}
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
Ein gutes Ausgangs-Framework für CSS ist YAML. Schau mal auf http://www.yaml.de/
Gerfried
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
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ß
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
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
@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!!
du hätest auch gleich sagen können, dass du nicht weißt wie das geht!
Aha - na, dann noch viel Erfolg...
Und warum wrappst du nicht den Container einfach um den Rest?
#
page {
#
stylesheet = style.css
wrap = <div id="main"> | </div>
#
...
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!!
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