Zur Navigation

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?

03.02.2008 12:16

2 Jörg

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

03.02.2008 12:39 | geändert: 03.02.2008 12:42

3 Tilman

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

03.02.2008 13:18 | geändert: 03.02.2008 13:18

4 Jörg

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

03.02.2008 13:34 | geändert: 03.02.2008 13:38

Beitrag schreiben (als Gast)

Beim Verfassen des Beitrages bitte die Forenregeln beachten.





[BBCode-Hilfe]