Grundlagen

ID #1068

Unterschiedliche Bildschirmauflösungen, gleiche Optik?

Frage:
Wie kann ich meine Website so gestalten, dass sie bei unterschiedlichen Auflösungsstufen gleich ist?
Momentan ist es bei meiner Seite so, dass sie für 800x600 optimiert ist. Wenn ich sie bei einer höheren Auflösung ansehe, dann ist sie nicht mehr mittig sonder hängt etwas links oben.

Antwort:
Wenn ich Dich recht verstehe, vermischst Du hier zwei Sachen. Zum einen die Zentrierung innerhalb der Seite, zum anderen die vermeintlich gleiche Optik.
Zur Zentrierung haben wir unter "Tricks und Kniffe" zwei Lösungsvorschläge.
Die andere Frage ist viel grundsätzlicher Natur. Das Internet ist ein sehr flexibles und überraschendes Medium. Kein Webentwickler weiß genau, unter welchen Bedingungen seine Seite betrachtet werden wird. Die Bildschirmauflösungen ändern sich, die Größe der Browser ist flexibel, die Basisschriftgrößen von Browsern und Betriebssystemen können geändert werden. Es gibt noch viel mehr Faktoren, die eine Seite beeinflussen können. Eine Gleichheit einer Seite unter verschiednen Auflösungen ist deshalb maximal ein Aspekt, den zu erstreben man sich ganz genau überlegen sollte.

Wenn Du nun meinst, Deine Seite solle unter unterschiedlichen Bildschirmauflösungen immer den gleichen Platz einnehmen, so kannst Du dies nur mittels Javascript oder PHP realisieren, indem Du die Bildschirmauflösung abfragst und dann ein dementsprechendes Stylesheet zuweist. Du weist allerdings mit der Bildschirmauflösung noch lange nicht, ob der Browser auch voll geöffnet ist. Ein Nutzer eines 1920 Pixel breiten Monitors wird seinen Browser selten bildschirmfüllend nutzen. Wenn sich nun Deine Seite an diese Auflösung anpaßt, der Browser aber in 1200 Pixeln Breite geöffnet ist, wird Deine Seite dank der horizontalen Scrollbar schlecht bedienbar.

Finde Dich damit ab, daß Du die Optik Deiner Seite nur bedingt kontrollieren kannst.

Tags: -

Verwandte Artikel:

Letzte Änderung des Artikels: 2006-04-14 18:47
Autor: Jens Grochtdreis
Revision: 1.0

Digg it! Share on Facebook Artikel ausdrucken Artikel weiterempfehlen Als PDF-Datei anzeigen
Übersetzungsvorschlag für Übersetzungsvorschlag für
Bewertung der Nützlichkeit dieses Artikels:

Durchschnittliche Bewertung: 2 (2 Abstimmungen)

vollkommen überflüssig 1 2 3 4 5 sehr wertvoll

Es ist möglich, diesen Artikel zu kommentieren.