Zum Inhalt springen

Template Glück auch im Firefox zentriert

Erstellt am 9. Januar 2006 · 13 Antworten · letzte Antwort am 12. Januar 2006

Tags: HTML & CSS, Frage

typo3newbie ·

Hallo glaschristian,

das Zentrierungsproblem läßt sich umgehen, wenn Du den gesamten HTML-Code in einen Container packst, dessen Inhalt zentriert dargestellt werden soll.

Will sagen: Schreib in das Template einfach ein zusätzliches Div-Tag, welches Du im css die Eigenschaft align: center zuweist.

Aussehen tut das dann so:

<body>

<div id="[Bezeichner]">
...
Restlicher Quellcode
...
</div>

</body>

Da man die Ausrichtung der Webseite ja im Allgemeinen nicht ständig ändert, könnte man es auch hardcoden, also direkt im HTML-Code dem Div-Tag die Eigenschaft align="center" zuweisen.

Dafür würde ich nicht lange in typo3 rumdoktern 😉.

Gruß
typo3newbie

glasschristian ·

hilfe, komm echt nicht mehr weiter.
anscheinend ist das template glück irgendwie in der datenbank drin, weiß jemand wie ich da die HTML-Datei finde und verändern kann, oder irgendeine andere Möglichkeit??

oder kann ich die div Container auch irgendwie im Setup oder Constant feld definieren?????

mfg

chris

ttb ·

Nee, die Template-Datei ist unter typo3conf/ext/defaultstatic_tmpl/green/files/ zu finden...wobei dort eigentlich schon

page.bodyTagMargins = 0

drinsteht!?

Für die Zentrierung braucht man auch nicht wirklich ein div.

body { margin: auto; text-align: center; }

reicht vollkommen, damit Fx die Seite zentriert anzeigt.

glasschristian ·

?? bei mir gibt es kein default static unter typo3conf/ext/?? wo kann sie denn noch stecken?
Und ich such das Template Glück nicht Green

Also ich bin in meinem Ordner Projekt3/typo3conf/êxt und habe dort nur ab_minijoboffers; cc_awstats; csh_de; lorem_ipsum; mininews; news_plus; s9_login; th_mailformplus; tt_news; user_photomarathon; user_set_page_title

gruß chris

Unbekannter Benutzer ·

@ ttb...

das text-align:center hat aber nix mit der Zentrierung des Containers zu tun, sondern bezieht sich nur auf den enthaltenen Text...

wenn man eine Angabe width: macht und margin:0px auto; macht, dann wird die Seite zentriert in allen Browsern.
Man sollte das aber nicht im body-Tag einbinden, das ist Blödsinn. Es gehört ein div-Container drumherum wo das drin steht, also zum Beispiel als id...
auch ein div mit align="center" ist gefuscht... Dann hat man ja wieder formatierungen im Quellcode und in die externe CSS kann man ja schließlich align=center nicht reinschreiben, da das HTML ist.

Also den Code in zum Beispiel

<div id="Container-Outside">...</div>

einbinden

und dann in der CSS:

div#Container-Outside { margin: 0px auto; width:980px; }
glasschristian ·

ja das ist gut mit dem div container, doch mein problem ich dfinde die html-datei nicht von dem template glück. unter typo3conf/ext/static... befindet sie sich nicht!??

ttb ·

wenn man eine Angabe width: macht und margin:0px auto; macht, dann wird die Seite zentriert in allen Browsern.

Nein, eben nicht, der IE braucht zusätzlich text-align: center; im body... das margin:auto gehört natürlich ins entsprechende umschließende div.