Bildschirmauflösungen und deren websicherer Browserbereich.
Zu finden in Allgemein
Wer eine Internetseite konzipiert muss sich früher oder später mit den Eigenschaften verschiedener Betriebssystemen und deren Browsern auseinandersetzen. Unter Mac OS X ist - im Verhältnis zu Windows XP - der Browserbereich relativ schmal. Dies gilt für den Mac OS X typischen Browser Safari und für den unter Mac OS X eingesetzten Firefox.
Um eine kleine Übersicht zu haben dient die folgende Tabelle. In der linken Spalte sind die im Betriebssystem eingestellten Bildschirmauflösungen aufgelistet, daneben der dem Browser zur verfügungstehende Browserbereich zum anzeigen der Webseite. Dieser Bereich nennt sich “websicherer Browserbereich” oder “Web Safe Area”.
Für Windows Vista in Kombination mit dem Internet Explorer bzw. dem beliebten Firefox Browser definiert sich der websichere Browserbereich wie folgt:
| Windows Vista | ||
| Auflösung | IE | Firefox |
| 640 x 480 | 465 x 333 | 465 x 320 |
| 800 x 600 | 625 x 453 | 625 x 440 |
| 1024 x 768 | 849 x 621 | 849 x 608 |
| 1280 x 960 | 1105 x 813 | 1105 x 800 |
| 1600 x 1200 | 1425 x 1053 | 1425 x 1040 |
Für Windows XP in Kombination mit dem Internet Explorer bzw. dem beliebten Firefox Browser definiert sich der websichere Browserbereich wie folgt:
| Windows XP | ||
| Auflösung | IE | Firefox |
| 640 x 480 | 614 x 327 | 614 x 334 |
| 800 x 600 | 774 x 447 | 774 x 454 |
| 1024 x 768 | 998 x 615 | 998 x 622 |
| 1280 x 960 | 1254 x 807 | 1254 x 814 |
| 1600 x 1200 | 1574 x 1047 | 1574 x 1054 |
Für Mac OS X in Kombination mit dem betriebssystemtypischen Safari bzw. dem beliebten Firefox Browser definiert sich der websichere Browserbereich wie folgt:
| Mac OS X | ||
| Auflösung | Safari | Firefox |
| 640 x 480 | 525 x 219 | 525 x 231 |
| 800 x 600 | 685 x 339 | 685 x 351 |
| 1024 x 768 | 909 x 507 | 909 x 519 |
| 1280 x 960 | 1165 x 699 | 1165 x 711 |
| 1600 x 1200 | 1485 x 939 | 1485 x 951 |
Mit diesen Angaben sollte es in Zukunft keine Probleme mehr geben den websicheren Bereich für eine Internetseite bestimmen zu können. Doch merke: Man kann es eh nicht allen Recht machen! Ein Lösungsansatz wäre ein skalierbares Design.
Update 28. Juni 2009:
Hier hier eine Statistik über meine Besucher und die von ihnen verwendeten Bildschirmauflösungen:
- 1024×768 (23,73 %)
- 1280×1024 (22,88 %)
- 1280×800 (18,21 %)
- 1680×1050 (10,00 %)
- 1440×900 (7,78 %)
- 1920×1200 (2,79 %)
- 1152×864 (2,54 %)
- 1280×960 (2,37 %)
- 1024×600 (1,32 %)
- 1400×1050 (1,25 %)
- Rest (8,38%)
25. Juni 2009 um 23:27 Uhr.
Zuerst einmal bin ich mir sicher dass sich egal bei welchem Browser der websichere bereich je nach Konfiguration, gerade beim Firefox dann sehr von Theme und Add-ons abhängig ist und dann sicher auch in allen Browsern bei verschiedenen Versionen unterschiedlich sind oder ist der websichere Bereich etwa bei IE6 und IE8 der gleiche? Mal ganz davon ab hat gerade bei großen Auflösungen nicht jeder den Browser im Vollbildmodus laufen, ich nutze bei 1600×1200 z.B. nur etwa 2/3 des Bildschirmes.
26. Juni 2009 um 00:02 Uhr.
Das ganze soll eine kleine Hilfe und Orientierungshilfe darstellen. Natürlich ist es nicht auszuschließen, dass jemand 12cm Toolbars im Firefox hat. Wie gesagt, recht machen kann man es längst nicht allen. Mein Lösungsansatz wäre das skalierbare Design.
Danke für den Kommentar!
Christian.