Seite horizontal + Vertikal zentrieren
Hallo,
Wie aus dem Titel bereits hervorgeht war es mein Ziel eine Seite horizontal + vertikal zu zentrieren.
Verwendet wurde hierzu folgende Taktik: (angewendet auf #wrapper)
http://www.intensivstation.ch/files/...es/temp11.html
Achtung: Höhe und Breite des #wrappers muss bekannt sein!
---> Ergebnis nach Einbau dieser Technik:
0% Erfolg, es stimmt vorn und hinten nicht.
Problem: die /system/contao.css definiert body als position: relative; welches dazu führt, dass weitere top,left etc. im Textfluss ignoriert werden.
Lösung: body {position:static}; (natürlich im eigenen .css, um die Sache updatesicher zu machen)
Meinen Tests nach ist es Crossbrowser-kompatibel, wobei IE5-IE6 noch nicht getestet wurde. IE 7 + 8 passt.
LG.
Ferni
Btw: Vielen dank an plane28 (#contao.de@freenode.net) für den Hinweis, das es am TL-Framework liegt.
"unterjubeln" in fe-page.tpl eben dieses distance-div vor den wrapper
Hallo Thomas[/QUOTE]
Zitat:
Zitat von
tblumrich
heißt das, daß ich in den quelltext muß vom fe-page.tpl?
Kann ich generell hier Änderungen dann für html + php durchführen?
Sorry, ich lerne immer noch.
Walddag
...auf die Schnelle ohne den Code oder die Seite angesehen zu haben. Das Wichtige erscheint mir hier die Reihenfolge zu sein.
Das Distance-DIV steht ja grundsätzlich als erstes, noch vor dem wrapper, insofern kannst du den wrapper dafür nicht "missbrauchen". Dieser umschließt ja per se den Inhalt der Seite.
Ich gestehe, das ich die Umsetzung bis dato auf den Non-Contao Seiten gemacht habe.
So wie ich das sehe, muss man aber einfach, wie oben angedeutet, dem Seitentemplate fe-page.tpl eben dieses distance-div "unterjubeln" - genau vor den wrapper.
Gruß
Thomas
Seite vertikal zentrieren
Ich habe mich jetzt schon durch so viele Foren gelesen und kriege es einfach nicht fertig die Beispiele auf meine Seite anzuwenden:rolleyes: www.belchen-schweiz.ch
Die Seite klebt am linken Bildrand und ich möchte sie mittig platzieren. Kann jemand einem etwas älteren Semester helfen? Der Code ist einsehbar....ich habe halt nach bestem Wissen und Gewissen mit Tabellen gearbeitet:o Die Seite habe ich mit Share Point Designer gemacht.
Es wäre schön wenn ich dieses Problem endlich lösen könnte. Vielleicht kann mir jemand den Code so ändern dass ich ihn nur noch zu kopieren brauche?
Adrian