[holygrail 1.3.0] Das Holy-Grail-Layout für Contao

[Supermann]

Hallo,

kann man das Template auch für die Aktuelle Version 2.11.5 nutzen?

Gruß

[magicsepp]

Warum nicht? Gibt es ein Problem?

[Supermann]

Hallo,

ja in der Tat. Ich habe ein Template mit einer breite von 950px welches nicht "Statisch" ist, beim "fe_page.tpl" past alles. Sobald ich das "holygrail.tpl" benutze wird das Template breiter als 950px.

Ich hatte das auch hier schon einmal vor etlicher Zeit gepostet, es wurde aber nie beantwortet!!!!

Gruß

[Supermann]

Hallo,

ich habe das ganze jetzt noch einmal durchprobiert, finde aber den Fehler nicht, bzw. weis nicht was ich ändern sollte.

Wenn ich kein "Statisches Layout" auswähle, passt die breite nicht mehr mit dem was ich im CSS angebe, wenn ich das "fe_page" Template zum testen nehme passt das wieder.

Vielleicht kann sich das der Entwickler noch einmal ansehen, oder hat jemad sonnst evtl. noch eine Idee?

Gruß

[pmmueller]

Hast du zufällig einen Link zu deiner Installation?
Oder zu deinem Forumsbeitrag, in dem du das schon mal gefragt hattest?

Im Holy Grail dürfen die Layoutbereiche #main, #left und #right in deinem CSS kein horizontales padding oder margin haben (also links oder rechts). Der Holy Grail ist eine echte "Presspackung" mit negativen margins und floats, und wenn ein eventuelles horizontales padding muss man an die jeweiligen .inside-Container vergeben.

Allgemein (also nicht nur für den Holy Grail) gilt für den den #wrapper:
Wenn man dem Wrapper links oder rechts ein padding oder margin gibst, muss man das im Seitenlayout wieder abziehen. Beispiel:
#wrapper { padding: 0 40px; }. Wenn du dann im Seitenlayout 960px einträgst, kommst du insgesamt auf 1040px. Dann müsste man im Seitenlayout also 880px eintragen, um insgesamt auf 960px zu kommen.

[psren]

Allgemein (also nicht nur für den Holy Grail) gilt für den den #wrapper:
Wenn man dem Wrapper links oder rechts ein padding oder margin gibst, muss man das im Seitenlayout wieder abziehen.

Und für alle die durch irgendwelche glücklichen Zufälle auf irgendeiner Seite keinen IE < 8 unterstützen müssen

* { box-sizing: border-box; }

(natürlich auch mit passenden Browser-Prefixes)

[Supermann]

Hallo,

Super für die schnelle Antwort.

Ich versuche jetzt einmal darzustellen was ich habe.

Also mein Layout ist nicht "Statisch" deshalb kann ich im Backend bei der Breite nichts eintragen.

Ich möchte ein zweispaltiges Layout mit einer gesammtbreite von 950PX, die rechte Seite hat 230PX (dieses kann ich im Backend eintragen). Das Layout soll immer mittig im Browserfenster angezeigt werden.

Was muss ich denn jetzt einstellen, bzw. im CSS eingeben.

PS. Bei dem "holygrayl" gibt es für den Hauptbereich kein "inside" wie bei dem "fe_page".

Danke für Deine Hilfe

Gruß

[psren]

Ich möchte ein zweispaltiges Layout mit einer gesammtbreite von 950PX, die rechte Seite hat 230PX (dieses kann ich im Backend eintragen). Das Layout soll immer mittig im Browserfenster angezeigt werden.

Nach der Beschreibung wäre es aber Statisch.

Was muss ich denn jetzt einstellen, bzw. im CSS eingeben.

Der #wrapper braucht erstmal eine breite. Ob über das Seitenlayout oder dein eigenes CSS ist egal.

#wrapper { margin: 0 auto; }

erledigt dann den Rest :-)

Ausgemittelt werden kann nur wenn die Breite des Elements bekannt ist :-)

[pmmueller]

PS. Bei dem "holygrayl" gibt es für den Hauptbereich kein "inside" wie bei dem "fe_page".

Was genau meinst du denn mit "Hauptbereich"?

Der Wrapper benötigt kein .inside, und die drei Layoutbereich #main, #left und #right haben jeweils ein div.inside.

[psren]

Der #container hat auch im fe_page nie ein .inside, falls du das gemeint hast?!

[Supermann]

Hallo,

ich bekommen wenn ich diese Layout auswähle immer die Fehlermeldung:

Warning: Illegal string offset 'value' in …/system/modules/holygrail/HolyGrail.php on line 83

Kann mir jemand helfen und sagen was das ist?