Hallo zusammen,
ich habe mich durch unzählige Beiträge zum Thema gekämpft, aber immer noch ein Verständnisproblem.
Ganz konkretes Beispiel:
Ich möchte eine Website, die...
- bei großem Desktop eine Breite von bspw. 970 px hat
- bei Tablets und Smartphones die Floats auflöst, also untereinander anordnet
- ... plus die Menüs ändert
Problem für mich: Es gibt zu viele Wege PLUS ich bin mir nicht sicher, welche Variante in 3.1 am sinnvollsten und einfachsten ist (da ja entsprechende Features bereits mit dem Core bzw über Optionen kommen). Ich sehe also den Wald vor lauter Bäumen nicht...
Mein Ansatz bisher:
- Layout Builder aktiviert
- 12-Spalten-Grid NICHT aktiviert
- mobile Layout mit den entsprechenden Modulen für mobile
Problem 1:
Ich habe im #header 3 große Grafiken nebeneinander, definiert mit fixer Breite (was ein Fehler sein könnte, aber aber siehe *). Mache ich die Seite langsam schmaler, wollen die sich untereinander anordnen - was aber nicht funzt, da diese dann quasi unter #main verschwinden, also nicht mehr sichtbar sind. Irgendwie logisch, da #header ja eine definierte Höhe hat. Schiebe ich die Seite aber noch kleiner (Smartphone-Bereich), machen die Grafiken dann doch wieder, was sie sollen: *Kleiner werden, dann sind alle sichtbar.
Problem 2:
Brauche ich media queries? Solche sind ja m.W. schon im Core enthalten. Wenn ich mit media queries arbeite, warum dann noch das mobile Layout - in dem Fall könnte ich doch einfach im einzigen Layout sämtliche Module definieren PLUS im jeweiligen css einfach die nicht gewünschten Module per display:none ausblenden?
Ich hoffe, Ihr könnt meinen Knoten lösen.... Vielen Dank vorab!
Gruss
FrankiLi
Lesezeichen