Muss ich beim Layout dann noch Header und Footer anhaken?

**elmuerto** · 24.01.2013, 10:05

Hi,
eine Frage noch zum Grid:
Wenn ich eh alles per .grid Anweisung positionieren kann.
Muss ich beim Layout dann noch Header und Footer anhaken?
Man könnte sie ja auch per .grid12 oben und unten positionieren oder?
Grüße
Martin

**pmmueller** · 24.01.2013, 10:10

Optisch dürfte es egal sein, von der HTML-Struktur her nicht. <header> und <footer> bekommst du nur mit den entsprechenden Optionen im Seitenlayout.

Und nur mit Grid sind Header und Footer Inhaltselemente oder Artikel, die jeder bearbeiten kann. Wenn du das System ausschließlich selbst mit Inhalt befüllst, ist das wurscht, wenn du Redakteure an der Arbeit hast, eventuell nicht.

**elmuerto** · 24.01.2013, 10:35

O.K. das hilft mir schon enorm weiter. Danke.
Kann ich innherhalb des Headers bzw. Footer auch .grid Positionierungen angeben?

**pmmueller** · 24.01.2013, 10:51

Klar. Das sind doch nur CSS-Klassen, die im Stylesheet /assets/contao/css/responsive.css definiert werden.

**elmuerto** · 24.01.2013, 13:19

Und nochmal ich:
Was muss ich bei Header und Footer für Höhenangaben machen damit sie sich dementsprechend skalieren?
Wenn ich eine Pixel Angabe mache bleiben sie ja immer gleich hoch.

**pmmueller** · 24.01.2013, 13:33

Gar keine. Wenn du keine Höhenangaben machst, wird ein HTML-Element immer so groß wie das was darin enthalten ist. Lass es so flexibel wie möglich.

**BugBuster** · 24.01.2013, 13:34

Ich habe gar keine Angabe drin. Die Höhe richtet sich nach dem Content der drin ist.
Im Header z.b. das Bild.
Durch die CSS Angaben:

Code:

img {
    height: auto;
    width: auto;
}
img, object, embed {
    max-width: 100%;
}

skaliert das Bild und somit auch der Headerbereich.

**elmuerto** · 29.01.2013, 20:17

Ich bin auf ein weiteres Problem gestoßen:
Wie kann ich im Grid eine rechte Spalt definieren ohne Ihr eine feste Breite zu geben?
Ansonsten muss ich ja alles was im #main ist auf allen Seiten als Inhaltselement einbinden.
Wäre für mich jetzt auch nicht tragisch aber wirkt sich das dann auf die Performance der Website aus?
Grüße Martin

**pmmueller** · 29.01.2013, 20:23

Ich verstehe auf Anhieb überhaupt nicht, was du meinst.

Du kannst im Grid keine Spalten vergeben. Und wenn du im Grid was machst, dann vergibst du immer eine feste Breite. That's the grid...

**elmuerto** · 29.01.2013, 21:28

Ich vergebe die Breite für die Inhaltselemente z.B. mit .grid8 und .grid4 etc.
Wenn ich aber ein Modul im Layout einbinden will dass immer an der selben Position bleiben soll geht das ja nicht.
Weil ich im Layout Builder kein #left oder #right definiert habe.

**elmuerto** · 30.01.2013, 10:49

Gehe ich dann richtig in der Annahme dass ich im #main Bereich alles als Inhaltselement einbinden muss?
Wenn ich jetzt z.B. eine Kontaktadresse auf jeder Seite rechts haben will dann muss ich die auch auf jeder Seite als Inhaltselement einbinden oder?
Macht das was für die Ladezeiten etc. für die Seite aus?

**pmmueller** · 30.01.2013, 12:19

Du kannst das Contao Responsive Grid auch mit dem Layout-Builder kombinieren:

https://github.com/contao/core/issues/5170
https://github.com/contao/core/issue...mment-12319731

**elmuerto** · 30.01.2013, 13:05

Ja, habe ich ja auch.
Und zwar Header und Footer.
Aber wenn ich eine Spalte mit Layout Builder definiere bleibt die ja im responsive grid immer gleich breit.
Ich benutze das 1140er 16 Spalten Grid von Glen Langer.

**BugBuster** · 30.01.2013, 17:52

Aber wenn ich eine Spalte mit Layout Builder definiere bleibt die ja im responsive grid immer gleich breit.
Ich benutze das 1140er 16 Spalten Grid von Glen Langer.

Wann soll sie das denn nicht tun?
Wenn du das verhalten meinst auf kleineren Auflösungen, dann musst du das Verhalten natürlich anpassen durch eigene CSS Angaben im Bereich der @media Definitionen.