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

[Sebastian]

HI

Ich habe gerade Version 1.2.1 stable der Erweiterung hochgeladen.

Jetzt sollten die für 1.2.0 angekündigten Funktionen verfügbar sein – ich hatte gestern die database.sql offenbar nicht mit hochgeladen. Entschuldigung

Sebastian

[orvil]

Linke und rechte Spalte

Hi Sebastian,

tolle Erweiterung, damit hätte ich mir eine Menge Arbeit gespart! Soweit ich das erkennen kann steht beim Holygrail die linke Spalte (in der meistens die Navigation ist) aber noch vor der rechten Spalte.

Ich hab's mal mit viel Mühe geschafft die Reihenfolge umzudrehen (+noch einen Rahmen für alles und flexible Breite für IE<7 über JavaScript). Also:
1. mittlere Spalte (flexible Breite)
2. rechte Spalte (fix)
3. linke Spalte (fix)

Allerdings ist der css-Code doch deutlich länger als beim HolyGrail (leider). Siehe www.sdi-research.at. Vielleicht aber eine Hilfe für andere, die eine ähnliche Lösung suchen.

Meine Frage: Ließe sich das auch mit Deiner Erweiterung umsetzen?

Orvil

[Sebastian]

HI

Im Moment ist es mit der Erweiterung definitiv nicht möglich, und ich werde das voraussichtlich nicht einbauen. Kannst du mir vielleicht den Sinn verraten, den es haben soll, die rechte Spalte vor der linken Spalte im Quelltext zu positionieren?

Sebastian

[orvil]

Spaltenreihenfolge

Hi,

ja klar, es geht um die SEO-Optimierung. Es gibt natürlich verschiedene Meinung dazu, aber mit einiger Wahrscheinlichkeit ist es nützlich die inhaltlich relevanteren Texte weiter vorne im Quelltext zu positionieren. Da in der linken Spalte aber meistens die Navigation ist und in der rechten Spalte Inhalte sind (Verweis auf News, Aktivitäten usw.), ist es demnach besser die rechte vor der linken Spalte im Quelltext zu haben. Und: Falls es SEO-mäßig nichts nützt, schadet es aber auch nicht.

LG
Orvil

[Sebastian]

HI

OK, da muss man dann schon ziemlich besessen sein

Da ich mit meiner Erweiterung ja das Holygrail-Konzept implementieren wollte, und dieses jetzt nicht durch ein anderes ersetzen oder ergänzen möchte, werde ich das nicht einbauen.

Du könntest aber mit vertretbarem Aufwand holygrail duplizieren und dort das Template und das CSS entsprechend umbauen.

Sebastian

[Sebastian]

holygrail 1.3: Kompatibel mit Contao 2.10

HI

Ich habe gerade holygrail 1.3.0 veröffentlicht.

Die neue Version lässt sich nun reibungslos mit Contao 2.10 verwenden. Dazu gibt es die beiden neuen Templatevarianten für XHTML und HTML5. Weitere Template-Änderungen sind auch übernommen, sodass sich der Cron beispielsweise über das Seitenlayout steuern lässt. Deshalb wird auch die Variante fe_holygrail_nocron.tpl nicht mehr benötigt.

Nach dem Update bitte im Seitenlayout dringend die Templateauswahl prüfen, sowie eine Systemwartung durchführen.

http://www.contao.org/erweiterungsliste/view/holygrail.10030009.de.html

Sebastian

[TGB]

Hallo,
die Erweiterung ist sicherlich eine schöne Sache, leider funktioniert sie beim Internet Explorer erst bei den neueren Versionen.
Beim IE6 scheint irgendwas mit dem Container nicht zu passen und beim IE7 wird das Layout zerschossen, wenn eine linke Spalte existiert.
Die Sache mit dem IE6 könnte man bestimmt gut verschmerzen aber mit dem IE7 sind ja doch noch so einige unterwegs.
Könnte man da nicht was in der holygrail.css machen über die Klasse des Browsers (Stichwort: Vergesst Browser-Hacks)?

Beste Grüße
TGB

[Sebastian]

HI

Das hatte alles noch wundebar funktioniert, als ich die Erweiterung erstellt habe

Bitte teste doch mal im Original mit denselben Browsern und schreib, was dabei herausgekommen ist.
Wenn es tatsächlich kaputt ist, muss ich dringend die Erweiterung anpassen.

Vielen Dank auf jeden Fall für den Hinweis

Sebastian

[TGB]

Hallo,
ich hatte jetzt einfach mal eine frische Contao 2.10.4 mit dem Music Accademy Theme getestet und da wurde es schon deutlich.
Habe als Testbrowser allerdings nur den IETester zur Verfügung. Ich werde nachher noch mal genauer schauen und berichten.
Gruß
TGB

[Sebastian]

HI

Die MusicAcademy ist kein wirklich geeignetes Beispiel, da dort viel mit relativer und absoluter Positionierung gearbeitet wird. Wäre also gut, du könntest einfach mit dem IE-Tester die obige Demoseite aufrufen.

Vielen Dank,

Sebastian

[TGB]

Ja gut, die funktioniert. Aber meine eigene Seite auch nicht, dann arbeite ich wohl auch zuviel mit relativer und absoluter Positionierung...
Gruß
TGB

[pmmueller]

Hallo Sebastian,

ich habe eine ganz simple Frage. Auf Github hast du in #2000 dein HolyGrail Layout beschrieben. Der Text ist sehr ausführlich, hat aber einige entscheidende Lücken, wohl weil irgendwelche Codefragmente verschluckt wurden.

In einigen Absätzen kann ich mir das selbst zusammen reimen, aber im folgenden fällt mir nicht wirklich was ein, um die roten drei Punkte zu ersetzen:

Um bessere Bedienbarkeit des Layouts zu gewährleisten, würde ich das Layout abwandeln. Denn das HGL geht davon aus, dass man für das Hinzufügen von padding zu den Spalten natürlich die Spaltenbreite reduziert, einfacher ist es jedoch, einfach den bewährten ... zu verwenden. Ein ... wird nicht verwendet, da hierzu der Footer gebraucht wird, da aber bei Contao auch der Layoutbereich „vor der Fußzeile“ ermöglich werden sollte, fällt diese Möglichkeit wohl aus.

Bei der zweiten Lücke würde "Clearing" wohl Sinn ergeben, aber bei der ersten fällt mir nicht viel ein. Thanx a lot for filling my blanks

[Supermann]

Hallo,

ich habe das auch gerade Testweise installiert, leider wird bei mir auch der Container falsch angezeigt.

Ich habe kein Statisches Layout, habe aber die breiten mit 950px im CSS angegeben. Header und Footer bleiben bei 950px nur der Container hat mit Deinem Template ca. 1100px.

Woran kann das liegen?

Browser ist Firefox...

Gruß

[Teaser01]

holygrail + responsive

Bevor ich die Erweiterung installiere würd mich interessieren:

• Arbeitet dieses Frontend-Template auch mit einem inneren und äußeren Div-Container für die Spalten und den Contentbereich wie das original Frontend-Template?
• Gibt es Erfahrung in Verbindung mit responsiven Webdesigns?

Danke für die Infos.
Michael

[Flex]

Das Template ist identisch zum normalen fe_page Template, nur dass es eben den Content Bereich zuerst setzt und dann erst die eventuellen Spalten Links bzw. Rechts. Zusätzlich bringt es die dafür benötigten CSS Regeln mit...

In sofern sollte es da keine Probleme geben mit eventuellen Definitionen für die Responsivität... (Hört sich schrecklich an?)