Anpassung des Inhalts durch Auflösung

verschiedene Inhalte bei jeweiligen AUflösungen

1 Tilman

Hallo!

Ich finde, dass bei den großen Auflösungen oft die Webseite recht im Browser sehr leer aussieht, da ein großer Teil weiß ist. Ich möchte die Webseite aber nicht zu breit machen, da sonst bei Computern mit kleinen Auflösungen man zu viel scrollen muss.

Gibt einen Code, bei dem man ab einer bestimmten Auflösung einen "extra" Inhalt zufügen kann, der bei einer kleineren Auflösung nicht angezeigt wird?

2 Jörg Kruse

Grundsätzlich lassen sich Layouts auch so gestalten, dass sie sich an die Fensterbreite anpassen, indem z.B. Breitenangaben in % oder em verwendet werden, statt in px

Wenn du aber unterschiedliche Inhalte ausgeben möchtest, müsstest du die Breite über JavaScript auslesen und gegebenenfalls den zusätzlichen Inhalt einblenden oder auf eine entsprechende Version weiterleiten

3 Tilman

Und wie heißt dieser Code? - bzw. wie wird er geschrieben?

4 Jörg Kruse

So kannst du auf verschiedene Versionen weiteleiten (ungetestet, Werte müssen angepasst werden):

<script type="text/javascript">
/* <![CDATA[ */
if (screen.width <= 800) {
  window.location.href = "800.html";
} else {
  window.location.href = "1000.html";
}
/* ]]> */
</script>

Siehe auch:

http://de.selfhtml.org/javascript/objekte/screen.htm

nach oben

Beitrag schreiben (als Gast)

Verwandte Themen
Thema	Autor	Forum	Beiträge	Letzter Beitrag
Auf welche Bildschirmauflösungen optimiert ihr?	Jörg Kruse	HTML und CSS	6	18.06.2009 11:31
Bildergalerien erstellen	Globetrotter_A	HTML und CSS	1	27.07.2009 22:51

Anpassung des Inhalts durch Auflösung

Beitrag schreiben (als Gast)

Verwandte Themen