Inhalte passen sich an Browsergröße an - Stufenweise. Wie funktioniert es?

[blattkube]

Mich würde, besonders im Hinblick auf eine Optimierung für mobile Endgeräte interessieren, wie so etwas funktioniert: http://lefft.com/
Beim skalieren der Seite werden je nach Browserfenster drei,zwei oder nur eine Spalte angezeigt. Das besondere: Es sind dann trotzdem alle Inhalte in den Spalten. Wie ist so etwas umsetzbar? Auf einen Smartphone wird dann nur noch die eine Spalte angezeigt. Ist das mit Contao so möglich?

Diese Anpassung an die verschiedenen Browser und Systeme kenne ich schon: http://www.contao.org/blog-leser/ite...ontao-210.html, aber in meinen Beispiel wurde ja nicht direkt an ein System angepasst.

[magicsepp]

Stichwort: liquid layout sollte weiterhelfen

[blattkube]

ha, danke so etwas habe ich gesucht.

[planepix]

Hallo blattkube,

ergänzendes Stichwort ist Responsive Webdesign durch den Einsatz von Media Queries (CSS3), welches in Contao mit der Version 2.10 Einzug gehalten hat.

[BugBuster]

Das läuft zwar noch unter 2.9.5, hat aber auch bereits die Media Queries mit drin, Hinweise für 2.10 gibts dort auch schon.
http://contaogrid.glen-langer.de

[innographix]

Ich würde an dieses Thema gerne einmal anknüpfen. Ich wurde vor kurzem von einem Bekannten gefragt, wie sich über contao Webseiten automatisch für Smartphones anpassen lassen. Ok dachte ich mir beschäftigst du dich dann nun doch mal ein wenig mit dem Thema. Nun habe ich das Thema Grid sowie Mobile Switch entdeckt. Ich habe zwei Projekte einmal zum Vergleich genutzt.

Bei arbeiten mit der aktuellen Version und ein und dem selben Template, natürlich auf den jeweiligen Aufbau angepasst. Nun habe ich gesehen, seit wann auch immer dies der Fall ist, dass contao die Skalierung auf den Smartphones automatisch übernimmt. Ich habe dies an einigen contao Seiten auf einem Android Gerät getestet. Sehe ich dies richtig, dass contao diese Skalierung nun bei Smartphones übernimmt?

Ich habe 2 Seiten bei denen es nicht klappte. Muss hierfür etwas beachtet werden? Die viewport Lösung brachte in diesem Fall keinen Erfolg.