--- title: "CSS: Content Bereich bei 3-spaltigem Layout dynamisch skalieren?" url: "https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren" source: "typo3.net" tags: ["Allgemein","Frage","HTML & CSS"] created: "2007-02-12" last_reply: "2007-02-16" replies: 15 solved: false page: 1 pages: 1 lang: "de" --- # CSS: Content Bereich bei 3-spaltigem Layout dynamisch skalieren? Allgemein · 15 Antworten · gestartet 2007-02-12 ## Eröffnungsbeitrag **Mik3e** · 2007-02-12 · [Beitrag #1](https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren/1) Hi zusammen, Habe ein dreispaltiges, CSS basiertes Layout (float). Die mittlere Spalte (Content) wird im CSS mit einer fixen Breite von 450px definiert. Die linke und rechte Spalte haben ebenfalls eine fixe Breite. Nun habe ich bei einer Seite die rechte Spalte mit einem Extension Template entfernt, damit der content mehr Platz hat: ```typoscript page.10.marks.RIGHTCOL = TEXT page.10.marks.RIGHTCOL = ``` Passt auch wunderbar. Mein Problem: Gibt es irgendeine Möglichkeit, die Breite der mittleren Spalte über das Extension Template zu ändern (verbreitern)? zb mit Inline CSS (das die Werte des Stylesheets überlagert)?? Danke schon vorweg für die Hilfe, Ciao, Mike ## Antworten ### [#2](https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren/2) · Michaelh74 · 2007-02-12 Wie wärs mit unterschiedlichen IDs im Layout, dass dann per CSS definiert wird. Gruß Michael ### [#3](https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren/3) · Mik3e · 2007-02-13 Hi, Und was soll das bringen? Dann hab ich jedenfalls zumindest einen leeren Divti im Template rumliegen... Ne, dass kann nicht die Lösung sein. Dass ich verschiedene Klassen Selektoren definieren kann ist mir schon klar. Nur wie kann ich die zur Laufzeit dem Divti über t3 zuweisen? Ciao, Mike ### [#4](https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren/4) · Michaelh74 · 2007-02-13 Du verwendest 2 HMTL-Templates! Die Div IDs in der 3 spaltigen Variante sind z.B. links,mitte,rechts Die in der 2-Spaltigen z.B. links2,mitte2 Jetzt kannst Du den unterschiedlichen DIVs entsprechend per CSS die Breite zuweisen. Das jeweilige Template kannst Du entweder über Conditions, Template-Selector oder manuell über ein Ext. Template einbinden. Also wenn das keine Lösung ist ... ;) Gruß Michael ### [#5](https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren/5) · Mik3e · 2007-02-13 Hi, Ja, die Lösung war mir klar 8-) Aber genau das splitten in zwei Vorlagen möchte ich vermeiden. Was ja auch unnötig wäre, wenn ich den style="width:xy" mittels typo3 während der laufzeit festlegen könnte (wäre auch viel eleganter). Du kannst Dir das ganze hier ansehen: Home: normal dreispaltig Tutorials: nur linke spalte (hier sollte der content Bereich mittels inline css oder mit einer anderen lösung auf die gesamte breite gebracht werden). Vielleicht hast Du ja noch eine Idee ;) Ciao, Mike ### [#6](https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren/6) · Unbekannter Benutzer · 2007-02-13 Na wenn du inline Styles akzeptierst, dann setz doch in dein Template einen Marker ala ###MAIN_WIDTH### also dann im Template so:
###HAUPTCONTENT###
Dann ersetzt du denn halt entsprechend mit marks.MAIN_WIDTH = TEXT marks.MAIN_WIDTH.value = 450px Grüße Christian ### [#7](https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren/7) · Michaelh74 · 2007-02-13 Du kannst auch im page header mit einem Ext. Template die CSS Anweisungen überschreiben. Aber im Grund genommen nimmt sich das alles vom Aufwand her nicht viel. Die Template Variante hätte noch den Vorteil, daß man z.B. mit Hilfe des Template Selector die Auswahl dem Redakteur überlassen kann. Gruß Michael ### [#8](https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren/8) · Mik3e · 2007-02-13 Hi, Das mit dem Template Selector klingt interessant. Bin leider noch ein Halb-Noob bei T3 ;) Werd mal sehen, was ich dazu finde. Kennst Du ein gutes Tut zu diesem Thema? Ciao, Mike ### [#9](https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren/9) · Mik3e · 2007-02-13 @Kitsunet: Danke, auch eine gute lösung mit dem Marker... Dachte es gibt irgendeine funktion in ts, die es erlaubt direkt auf die style Eigenschaften eines Containers zuzugreifen. Obwohl Inline CSS ja nicht sonderlich schick ist (wenn auch praktikabel :) ### [#10](https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren/10) · d.​walter · 2007-02-13 Hallo, ich habe die Templateauswahl nicht über die Extension gelöst sondern über die Seiteneigenschaften. Folgendes hab ich als Extension-Template angelegt. ```typoscript #------------------------------------------------------------------- # Festlegen des Templates 2-Spaltig # page.10 = TEMPLATE page.10.template = FILE [globalVar=TSFE:page|layout=0] page.10.template.file = fileadmin/template/kt-org/css-layout.html page.includeCSS.file1 = fileadmin/template/kt-org/css/import_2_col.css page.includeCSS.file2 = fileadmin/template/kt-org/css/iehack_2_col.css [global] # Festlegen des alternativen Templates 3-Spaltig # Layout 1 # [browser=msie] [globalVar=TSFE:page|layout=1] page.10.template.file = fileadmin/template/kt-org/css-layout.html page.includeCSS.file1 = fileadmin/template/kt-org/css/import_3_col.css page.includeCSS.file2 = fileadmin/template/kt-org/css/iehack_3_col.css [global] ``` Und dann folgendes noch ins TS-Config der Rootseite ```typoscript #----------------------------------------------------- # TCEForms anpassen für Layoutwahl TCEFORM.pages.layout.altLabels.0 = 2-Spalten TCEFORM.pages.layout.altLabels.1 = 3-Spalten TCEFORM.pages.layout.removeItems = 2,3,4,5,6 #------------------------------------------------------ ``` Vielleicht hilfts. Gruß Daniel ### [#11](https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren/11) · Mik3e · 2007-02-13 Hi, Also ich habe jetzt versucht es so zu lösen (nur in TS): ```typoscript config.TCEFORM.pages.layout.altLabels.0 = 2-Spalten config.TCEFORM.pages.layout.altLabels.1 = 3-Spalten config.TCEFORM.pages.layout.removeItems = 2,3,4,5,6 # DEFAULT PAGE OBJECT page = PAGE page { # PAGE SETUP / HEADER & META includeCSS { [globalVar=TSFE:page|layout=0] file1 = fileadmin/css/main_3col.css file1.media = screen [global] [globalVar=TSFE:page|layout=1] file1 = fileadmin/css/main_2col.css file1.media = screen [global] } ``` Nur leider ohne Erfolg :o( Dieses TCTFORM Object definiert die Auswahlfelder beim Layout einer Seite nehme ich an, oder?? Ciao, Mike ### [#12](https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren/12) · Mik3e · 2007-02-13 Gut, mit config.* gehts leider nicht. Habe es jetzt auch als TSConfig im Root angelegt und es passt alles. Nur die Darstellung der Seite geht nicht mehr, seit ich die global Verzweigung eingefügt habe. Liegt möglicherweise daran, dass es kein Extension Template sondern das Projekttemplate im Root ist!? Hast Du eine Idee, wo das Problem liegen könnte? **Hier nochmal der Code im TS der Root Site:** ```typoscript # DEFAULT PAGE OBJECT page = PAGE page { # PAGE SETUP / HEADER & META typeNum = 0 includeCSS { [globalVar=TSFE:page|layout=0] file1 = fileadmin/css/main_3col.css file1.media = screen [global] [globalVar=TSFE:page|layout=1] file1 = fileadmin/css/main_2col.css file1.media = screen [global] } ``` Danke vorweg, Ciao, Mike ### [#13](https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren/13) · just2b · 2007-02-13 *gebetsmühle* conditions nicht innerhalb von geschweiften klammern*gebetsmühle* georg ### [#14](https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren/14) · Mik3e · 2007-02-13 Kaum macht man es richtig, funktionierts auch schon ;) Wenn das so eine bekannte Regel ist wundere ich mich, dass in dem schlauen T3 Buch nichts zu finden ist zu diesem Thema. Gilt das in T3 prinzipiell für alle Conditions? Naja, jetzt merk ichs mir jedenfalls, Danke & Ciao, Mike ### [#15](https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren/15) · just2b · 2007-02-13 ja für alle conditions georg ### [#16](https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren/16) · Mik3e · 2007-02-16 Hi, Es hat sich jetzt doch noch eine Frage ergeben (was die Einbindung der Stylesheets in den RTE betrifft).. Siehe: [/d/57935-conditions-fuer-css-im-rte/1](https://www.typo3.net/d/57935-conditions-fuer-css-im-rte/1) Hat hier vielleicht irgendjemand einen Tipp? Ciao & Danke, Mike --- Quelle: „CSS: Content Bereich bei 3-spaltigem Layout dynamisch skalieren?“, typo3.net, https://www.typo3.net/d/57678-css-content-bereich-bei-3-spaltigem-layout-dynamisch-skalieren Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.