Erstes Layout mit oder ohne grid.css?
Hallo Contao Community,
ich beschäftige mich nun seit ca. einem Monat mit Contao und habe mein Anfänger(halb)wissen aus dem Video-Tutorial "Contao - Harry Boldt" und dem Buch "Mit Contao Webseiten erfolgreich gestalten - Thomas Weitzel". Um die Funktionsweise und Zusammenhänge von Contao kennen zu lernen sind beide Quellen sehr empfehlenswert. Soviel zu meinem Stand bezüglich der CMS.
Nun möchte ich meine erste Website mit Contao realisieren und bin ein wenig verunsichert, wie ich mein Standardlayout gestellten soll.
Meine Seite soll einen Header- und Footerbereich haben, die die gesamte Seitenbreite, also "width: 100%" ausfüllen. Desweiteren sollen im Footer vier Spalten nebeneinander positioniert werden.
Der Content-Bereich soll 1140px breit und zentriert ausgerichtet sein. Die 1140px werden wiederum in einer linken Mainspalte und einer rechten Spalte unterteilt.
Nun meine Fragen:
1. Soll ich ein zweispaltiges Layout in Contao erstellen und die Erweiterung "subcolumns" installieren, um meine Spalten im Footer auszurichten?
oder
2. Soll ich ein einspaltiges Layout erstellen und die grid.css Datei importieren?
3. Welche Variante ist moderner bzw. eleganter? Ein Layout mit oder ohne grid.css?
Vielen Dank in Voraus
I.B.
A 1140px wide, 12 column grid. Fluid
Ich habe nun das 1140 px CSS Grid von http://cssgrid.net/ genauer angeschaut. Da ja ein fluides CSS Grid gewünscht wurde.
Wie BugBuster angedeutet hat, muss man in den CSS Dateien folgendes ändern:
.container -> #wrapper
Und dann im fe_page template
ein <div class="row"> in den wrapper setzen.
Viel Spass
Grid mit 1140px - Fluid - erste Schritte mit Erfolg.
Hmm, ich habe das gerade ohne fe_page Änderungen angepasst.
Hatte mich an das original Prozent-Grid von Leo gehalten und versucht das zu adaptieren.
Mächtig Schwierigkeiten bekam ich wegen der mod_articel > .block margin 1%, das zerhaut die Prozent Werte.
Hab so das Gefühl, dass das Original nur für Artikel gedacht war, die 98% + 2x1% ergeben dort die 100%. Habe ich aber nach 1140er Logik ein g12 mit 100% und mache dann noch die Margins für die Artikel rein, Peng.
Konnte das aber, wenn auch aufwändig lösen.
Normale DIVs und Artikel DIVs funktionieren nun, inkl. der Fluid Funktionalität.
Sobald Zeit ist, werde ich das mal über eine MusicAcademy stülpen und schauen was passiert. Ich denke mal Chaos, wenn ich Lucina ihre Andeutungen richtig verstehe, aber man wird sehen. :D
Zur Zeit Teste ich das mit ein-zwei Seiten.
http://img6.imagebanana.com/img/qkxz...rozentGrid.png
Liste der Anhänge anzeigen (Anzahl: 1)
Hallo Ria,
siehe Screenshot.
Wenn man Kind-Elemente anlegt in der gleichen Schriftgröße wie die Elternelemente, dann zeigt einem das Tool, welche Größe man dann einträgt.
Erstes Layout mit oder ohne grid.css
Hallo ihr Spezies,
mit großem Interesse habe ich den Beitrag hier gelesen. Für mich soll es das erste Layout ohne irgend ein Template oder Vorlage werden, meine 3. Website. Ich habe das Buch von Herrn Weitzel hier vor mir liegen und wollte mich daran wagen ein CSS-Grid zu gestalten mit einer Größe von 1140 px (es sind mir 960px nicht mehr so angebracht). Mich reizen auch die Vorteile, wie ihr sie hier beschrieben habt, zu erhalten.
Ist es möglich, damit so ein Anfänger wie ich keine allzugroßen Fehler macht, eine Zusammenfassung/Anleitung von BugBuster gemachten Änderungen/Ergänzungen des Prozent-Grid von Leo Feyer (oder war es doch ein aderes?) zu erstellen? :o
Ich würde mich sehr freuen.
Viele Grüße
Monic49