Druckbare Version
Hallo Zusammen,
ich möchte bei einer Webseite eine CSS für verschiedene CSS je nach Auflösung erstellen. Also konkret möchte ich eine CSS für Auflösungen für 1024*768 und kleiner und eine CSS für höhere Auflösungen machen... In Contao hab ich aber nichts gefunden wie man das einstellen könnte... Könnt ihr mir da auf die Sprünge helfen da sowas ja sicherlich möglich sein muss!?
Vielen Dank.
Gruß Plunty
Sowas ist nur mit Javascript möglich...
Siehe auch:
http://de.selfhtml.org/javascript/objekte/screen.htm
Grundsätzlich sollte man von solchen Weichen jedoch absehen...
nein... das ist nicht nur über Javascript lösbar und es ist auch kein Contao-spezifisches Problem!
Bei der Stylesheet Deklaration im HTML kann man z.B. abhängig vom Ausgabe-Medium/-Gerät unterschiedliche CSS einbinden.
Bezüglich Contao müsste man nur vielleicht mal diese Möglichkeiten ergänzen...PHP-Code:<link rel=”stylesheet” media=”only screen and (max-device-width: 480px)” href=”handheld.css” type=”text/css” />
<link rel=”stylesheet” type=”text/css” href=”handheld.css” media=”handheld”/>
http://www.contao-community.de/attac...achmentid=3734
Und bis alle Browser CSS3 zu 100% unterstützen wird es noch einige Zeit dauern und da geh ich dann lieber Nummer sicher und verzichte auf solche Weichen.
Hallo Plunty,
auch wenn die User größtenteils für die Statistik die Bildschirmauflösung mitbringen, ist es nicht gesagt, ob der Browser auch Fullscreen geöffnet ist.
Außerdem kann der Browser mit diversen Iconleisten einen sehr kleinen aktiven Ausschnitt für die Webseite übrig lassen. All das bekommt man nicht heraus.
Das ist nicht ganz so einfach wie du vielleicht denkst, aber Contao hat da erst einmal nichts mit zu tun, deshalb wirst du da auch nirgendwo ein Knöppeke finden.Zitat:
Zitat von Plunty
Auf Anhieb würde ich sagen, dass es drei Ansätze gibt:
- JavaScript (siehe oben)
- Medientyp handheld (ignorieren die Smartphones glaube ich überwiegend)
- CSS3 MediaQueries (wahrscheinlich die Zukunft)
Ellen von Elma Studio hat einen leicht verständlichen und ausführlichen Beitrag zu MediaQueries geschrieben.
Viel Spaß beim Forschen (und umsetzen).
Ein paar Erweiterungen gibt es da schon die da weiter helfen können:
http://www.contao-pool.de/ceris-read...direct_de.html
http://www.contao-pool.de/ceris-read...ection_de.html
http://www.contao-pool.de/ceris-read...sercss_de.html
Viele Grüße