[apohl]

Hossa,

soderle ... nachdem ich mich fleißig durch die Thematik CSS gekämpft habe, hab ich heute unsere Vereinsseite auf das neue CSS-gestylte Seitentemplate umgestellt.

W3C behauptet, daß das Basis-Template W3C-konform ist.

Klappt eigentlich auch alles ganz gut, bis auf die Seiten, in denen seitens einer Extension oder durch den Inhaltsersteller im RTE Tabellen-Elemente genutzt werden; da zerhaut sich das ganze Layout.

Beispiel für Seite, die OK ist: www.ZentrumBonn.de

Beispiel für Seite, auf der durch Extension eine Tabelle erzeugt wird: http://www.zentrumbonn.de/site/termine.html

Und Tabellen, die im RTE eingefügt wurden: www.ZentrumBonn.de: Vorstand

Basis-Template und das dazugehörende CSS

Ich hab keine Ahnung, wo ich da überhaupt was schrauben kann.... hat jemand einen Tip für mich?

[apohl]

Ich krieg hier gleich das Ko....ähm, reversal Eating

Das Problem mit dem zerschießen des Layouts hab ich jetzt .... ich wußte nicht (lesen bildet), daß der IE erst ab Version 7 n der LAge ist, das "max-width" Argument zu beachten; hab mir mit dem minmax.js von doxdesk.com beholfen, daß einen kleinen Hack für den IE <V7 bereitstellt.


AAAABER:

Da das ganze Layout danach bei höheren Auflösungen so "Linkslastig" war (habe die mittlere Contentspalte auf 624px begrenzt) wollte ich das ganze Layout in eine zentrierte Box packen und aussendrum einen grauen Rahmen legen.

die Box habe ich mit "margin-left: auto" und "margin-right:auto" zentriert, was auch ganz gut klappt... solange ich das Template direkt aufrufe.

Sobald ich das mittels TV in das Typo3-System geladen habe, wird der kram links ausgerichtet, so daß das etwas uselig aussieht.

Die Anweisungen stehen nach wie vor im Code, scheinen aber von irgendeinem Stylesheet (im Typo3-Template habe ich allerdings nichts includiert) überschrieben zu werden.

Darauf hin habe ich die Container-Definition für die Box direkt ins HTML gepackt, wo Sie aber auch nicht beachtet wird.

Irgendjemand einen Tip, was ich tun kann ?

[apohl]

Schön, wenn man sich seine Fragen selbst beantwortet

Ich habe jetzt zwar nicht rausgefunden, welches CSS dazwischen haut (was einfach an mangelnder Zeit zum Forschen lag), dafür hab ich diese Box zentriert bekommen...

<div style="text-align: center"> <!--  Gesamter Inhalt in einem festen Rahmen zentrieren --> <div style="min-height:765px;width:1024px;margin-left:auto;margin-right:auto;border:solid 1px #000000;background:#ffffff;padding:5;"> <div style="text-align: left">

BLABLA

</div> </div> </div>

Der erste Div-Conatiner sorgt dafür, daß ALLES (auch der Text !) zentriert wird, der zweite baut die eigentlich Box, der dritte sorgt wieder dafür, daß alles folgende linksbündig ist.

Hat zumindest bei mir geholfen....