Theme Orange in 3 spaltiges Layout verwandeln

[peterpan]

Hallo,

ich frage mich wie man es anstellt, dass das kostenlose Theme Orange 3 anstatt standardardmäßig 2 Spalten anzeigt. Wenn ich so wie unter Contao 2.9 vorgehe komme ich nicht weiter. Es ist völlig anders. Ich suche eine 25+50+25% AUfteilung für left, main, right. Stelle ich das im css ein oder im Seitenlayout? Das Buch little boxes hat zwar ein entsprechendes Kapitel und dort wird der linken und rechten spalte die Breite in Pixeln mitgegeben und der Mainbereich erhält keine Breite mehr zugewiesen. Ich muss zugeben dass überfordert mich ein wenig.

Gruss
Peter

[Lego2013]

Ich bin zwar auch noch Newbie, kann Dir aber vielleicht helfen. Wenn Du mit dem Layout-Builder arbeitest, dann stellst Du das im Seitenlayout ein. Angenommen, Deine Seite soll 960 Pixel haben und Du möchtest links und rechts jeweils 25% haben, dann wäre die Breite für die linke und rechte Spalte genau 240 Pixel. Der Contentbereich #main nimmt sich dann den Rest von 480 Pixeln. Margin, Padding, Border etc. vergibst Du dann jeweils an die Klasse .inner.

Arbeitest Du mit dem Responsive Grid und schaltest den Layout Builder aus, musst Du alles über CSS regeln. Aber dafür ist das Grid ja bestens vorbereitet, indem Du für den jeweiligen Content die entsprechende Klasse vergibst.

Schau Dir mal den Contao-Konferenzvortrag von Peter Müller und Thomas Weitzel an: http://www.ck2013.think-contao.de/

[planepix]

Sollte das nicht an die Klasse ".inside" heissen?
Anstatt "inner".

[Lego2013]

jeweils an die Klasse .inner

Ja klar - danke für das aufmerksame Lesen! Ich war gedanklich noch bei einem anderen Framework...

Die Klasse heisst bei Contao natürlich .inside

[pmmueller]

Ich suche eine 25+50+25% AUfteilung für left, main, right. Stelle ich das im css ein oder im Seitenlayout? Das Buch little boxes hat zwar ein entsprechendes Kapitel und dort wird der linken und rechten spalte die Breite in Pixeln mitgegeben und der Mainbereich erhält keine Breite mehr zugewiesen. Ich muss zugeben dass überfordert mich ein wenig.

Wo willst du die Antwort haben? Hier oder da?
Please do not crosspost. Das ist confuzing me und ich bin nicht Confuzius

[pmmueller]

Ich suche eine 25+50+25% AUfteilung für left, main, right.

Diese Aufteilung wirst du mit dem CSS-Framework von Contao 3 nicht bekommen, da es auf dem "Holy Grail" beruht:

Siehe die Präsentation auf http://www.ck2013.think-contao.de/la...oly-grail.html.
Die Einschränkungen für den Holy Grail stehen auf Folie 30.

[peterpan]

I don't want to confuse anybody Ich habe mir die Präsentation gerade angeschaut, vielen Dank. Das Layout der Spalten passt nun fast. Auf einem 27" Display zieht sich die website nun über den Gesamten Bildschirm und der Text der Hauptspalte zieht sich logischerweise in die Breite. Kann man das verhindern, da es nicht benutzerfreundlich ist, wenn die Texte zu lang werden.

[pmmueller]

Auf einem 27" Display zieht sich die website nun über den Gesamten Bildschirm und der Text der Hauptspalte zieht sich logischerweise in die Breite. Kann man das verhindern, da es nicht benutzerfreundlich ist, wenn die Texte zu lang werden.

Spricht irgendetwas gegen max-width?

[peterpan]

Ach ja max-width im body, wrapper, container oder main? Als Anfänger hat man ja die reinste AUswahl aus all den Selektoren.

[pmmueller]

Der Container, der die anderen alle zusammenhält ist #wrapper.

Aber wenn du dich selbst als "Anfänger" bezeichnest, solltest du dir überlegen, ob ein pixelbasiertes Layout mit festen Spaltenbreiten nicht einfacher umzusetzen wäre

[peterpan]

ja ok mach ich dann, denn mittlerweile kann ich mich nicht für Contao 3 responsive begeistern.

[pmmueller]

"Responsive" bleibt es, auch mit festen Pixelbreiten