CSS-Weiche in Abhängigkeit der Bildschirmauflösung

Beitrag von **bydlo** » 28.10.2008, 11:49

moin moin,
ich muss jetzt mal per CSS für eine Auflösung von 1440x900 px ne weiche fürden IE7 basteln.
Weiche ist ja kein Problem:

Code: Alles auswählen

<!--&#91;if lte IE 7&#93;>
<link rel="stylesheet" href="http&#58;//www......../style/ie7.css" type="text/css" media="screen" />
<!&#91;endif&#93;-->

aber wie bring ich jetzt da noch die auflösung unter,bzws.wie muss das innerhalb der CSS definiert werden?

Gruss Axel

von **Anzeige von ABAKUS** »

Beitrag von **Michael** » 28.10.2008, 13:34

Weichen abhängig von der Auflösung sind in CSS nicht möglich! Aber in JavaScript geht das!

Beitrag von **Mork vom Ork** » 30.10.2008, 16:02

bydlo hat geschrieben:ich muss jetzt mal per CSS für eine Auflösung von 1440x900 px ne weiche fürden IE7 basteln.

Antwort steht ja schon da, aber du solltest beachten, dass gerade bei großen, breiten Bildschirmen die Auflösung wenig über die tatsächlich nutzbare Browserfläche aussagt, Stichwort Sidebars. Bei virtuellen Bildschirmen kann es noch katastrophalere Folgen haben, allerdings kommen die zugegebenermaßen seltenst vor.
Auch fördert es nicht unbedingt die Übersichtlichkeit, wenn eine Seite zu sehr in die Breite geht, nicht umsonst sind Zeitungsartikel in schmale Spalten unterteilt und hat auch die Seite selbst selten mehr als fünf Spalten.

CSS bietet verschiedene Möglichkeiten, Inhalte nicht über eine bestimmte Breite hinausgehen zu lassen und gleichzeitig diese Inhalte im breiten Browserfenster ordentlich einzuordnen. Wenn es aber unbedingt sein muss, benutze window.innerWidth statt screen.width.

Beitrag von **Automatisierter** » 30.10.2008, 18:09

https://www.drweb.de/magazin/flexible-l ... r-zukunft/

https://www.manuel-bieh.de/blog/flexibl ... roblemchen

Beitrag von **bara.munchies** » 30.10.2008, 18:46

sowas halte ich für bad practise.