Verschiedene CSS je nach Auflösung

**Plunty** · 27.02.2011, 12:21

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

**Flex** · 27.02.2011, 12:49

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...

**matths** · 27.02.2011, 16:36

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.

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”/>

Bezüglich Contao müsste man nur vielleicht mal diese Möglichkeiten ergänzen...

**Flex** · 27.02.2011, 16:52

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.

**do_while** · 27.02.2011, 17:01

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.

**pmmueller** · 27.02.2011, 17:05

Zitat von Plunty

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...

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.

Auf Anhieb würde ich sagen, dass es drei Ansätze gibt: