Layout-Builder CSS (Framework) Contao 3 frisst linke Spalte wenn Main leer ist

***Nina*** · 18.09.2012, 14:31

Ein kleiner Tipp wegen dem Layout-Builder CSS von Contao 3:

Solange ihr noch keinerlei Inhalt in der Hauptspalte habt, wird euch der Inhalt in der linken Spalte nicht angezeigt. Das ist eine Eigenart vom Holy Grail-Layout. Verzweifelt also nicht beim Aufbau eines neuen Layouts, wenn der Inhalt der seitlichen Spalte unterdrückt wird, sondern fügt einfach mal Dummy-Inhalt in die Hauptspalte.

Ich vermute mal, dass das mit der rechten Spalte auch so ist, habs jetzt nicht getestet. Das kann ganz schön irritieren, wenn man es nicht weiß (daher dieser Hinweis hier), aber im Grunde ist es ok, da man natürlich normalerweise niemals eine leere Hauptspalte hat (außer eben wenn man gerade das Layout auf einer ganz frischen Installation aufzieht und Inhalt erst später einfügt).

Celaniry · 29.09.2012, 19:19

Ja das ist mir auch aufgefallen!
Ich habe um dieser Problematik "aus den weg zu gehen" der Hauptspalte via CSS ein min-height von 1px gegeben, danach wurde also auch die linke Spalte wieder angezeigt.

Letztlich aber vollkommen egal, denn wie du ja bereits erwähnt hattest, gibt es eigentlich keine leere Hauptspalte

**andreas.schempp** · 30.09.2012, 12:55

Müsste so ein Patch nicht in das Standard-CSS-Framework von Contao? Nina?

**MacKP** · 01.10.2012, 11:28

Zitat von andreas.schempp

Müsste so ein Patch nicht in das Standard-CSS-Framework von Contao? Nina?

Eigentlich ist das ja kein Patch für einen Fehler.... Das ist naturbedingt durch Holy-Grayl und das damit verbundene CSS. Das sollte man schon wissen, wenn man das nutzt ;-)
Dieser 'Patch' ist im Grunde ja auch nur so lange nützlich, wie man beim Entwickeln der Seite ist. Und naja, mal so ein wenig sinnfreien Text übers Layout einbinden würde da auch schon helfen ^^

Viele Grüße

**andreas.schempp** · 01.10.2012, 11:52

Da ich davon ausgehe, dass die meisten Anwender von Contao 3 nichts von Holy Grail wissen... ein min-height kann ja nicht schaden, oder?

**MacKP** · 01.10.2012, 11:58

Zitat von andreas.schempp

Da ich davon ausgehe, dass die meisten Anwender von Contao 3 nichts von Holy Grail wissen... ein min-height kann ja nicht schaden, oder?

Schaden nicht wirklich. Ist aber an sich total unnötig ;-)
Kommt eben (wie immer) mal wieder darauf an, für wen Contao gedacht ist. Da sich das eigentlich im Profi Bereich ansiedeln sollte, ist sowas an sich nicht nötig ^^
Man könnte ja auch eine Info einblenden, wenn noch kein Artikel da ist. Das wäre vllt etwas sinnvoller? Dann kommt man nicht mit unnötigem CSS daher, unterstützt die Leute aber trotzdem. Eventuell ein schicker gelber Kasten mit so einer Info bei der Vorschau oder so?

Viele Grüße

***Nina*** · 01.10.2012, 17:45

Ich fände so einen kleinen "Patch" schon ganz clever, da man damit unnötige Irritationen vermeiden kann. Ich hatte schon ewig nicht mehr mit Holy Grail gearbeitet und bin daher am Anfang ziemlich verwirrt gewesen, bis mir klar wurde woran es liegt.

**Andreas** · 01.10.2012, 19:37

Zu nem guten Holy-Grail-CSS gehört auch, dass jede Spalte angezeigt wird, egal ob in irgendeiner Spalte kein Inhalt ist. Das CSS sollte also gepatcht werden.

***Nina*** · 02.10.2012, 17:41

Hat schon jemand das Ticket dafür gemacht? Wenn nicht, erledige ich das.

**andreas.schempp** · 02.10.2012, 18:14

Zitat von Nina

Hat schon jemand das Ticket dafür gemacht? Wenn nicht, erledige ich das.

Von dir kommt das sicher gut an

***Nina*** · 03.10.2012, 09:31

https://github.com/contao/core/issues/4893

**peterpan** · 23.05.2013, 18:03

Mal abgesehen von der CSS ANgabe miminum height, wie schaffe ich es, dass ich ein dreispaltiges Layout in COntao 3 hinbekomme? In der 2.9er Version war das irgendwann ein Klacks, für mich als angehender Contao User. Aber jetzt versteh ich nichts mehr. Vergebe ich die Größenangaben im Layout "default" und binde ich da nur Artikel in der linken und rechten Spalte ein oder mache ich das nur im CSS?

MfG

Peter

**Lego2013** · 23.05.2013, 18:57

Vergebe ich die Größenangaben im Layout "default" und binde ich da nur Artikel in der linken und rechten Spalte ein oder mache ich das nur im CSS?

Ich bin zwar erst mit Contao 3 eingestiegen und habe noch nicht so viel Erfahrung, aber den Dreispalter machst Du doch über das Seitenlayout. #left und #right erhalten eine feste Breite und #main richtet sich danach aus. Du solltest Dich allerdings bei den Breiten am Grid orientieren. #left könnte also 240 Pixel haben (= 4 Spalten) und #right 180 Pixel (= 3 Spalten), womit sich #main automatisch die verbleibende Breite von 5 Spalten nimmt (wenn ich von insgesamt 12 Spalten ausgehe).

Später im CSS kannst Du dann die DIVs mit der Klasse .inner mit Padding, Margin und Border versehen.

Ihr Profis: Stimmt das, was ich sage?

Peter Müller und Thomas Weitzel haben dazu auf der Contao-Konferenz einen tollen Vortrag gehalten. Hier ist die Webseite dazu: http://www.ck2013.think-contao.de/

**pmmueller** · 23.05.2013, 20:14

Zitat von Lego2013

Ihr Profis: Stimmt das, was ich sage?

Fast

Die Klasse heißt .inside
Die Spaltenbreiten muss man nur am Grid ausrichten, wenn man vor hat mit dem Grid zu arbeiten.
240px ist die Klasse .grid3 plus 20px margin.

Und hier der Direktlink zur Präsentation "Contao Responsive Grid".
Die Spaltenbreitenübersicht ist auf Folie 14 (Text) und Folie 15 (Grafik). Ab Folie 33 gibt's "Layout-Builder plus Responsive Grid".