Seitendesign bei hoher Monitorauflösung ???

[Steffi]

Hallo Leute,

mal was anderes ausser Google und Co.

Folgendes:

Ich denke, daß die meisten User noch mit einem 17 Zoll CRT dasitzen und dafür optimieren wird die Seiten ja auch.

Nun habe ich hier mal nen 19er vom Kumpel und ich muß sagen, bei 1280x1024 sehen die meisten Seiten ziemlich leer aus.

Ich benutze bei mir prozentuale Tabellenbreiten und so wird aber alles über den ganzen Bildschirm gezerrt bei 1280x1024 und das sieht eben leer aus.

Auf 17" bei 1024 ist alls tutti.

Wie macht ihr das? Nehmt ihr lieber feste Breiten in Pixeln oder eher dynamisch in prozent???
Das Problem dabei ist, daß ich gern meine Seiten bis an den Rand mache, ich stehe nicht auf diese schmalen 650px Seiten.

Also, was ist der optimale Weg bei Tabellen-Seiten????

[Jojo]

Naja, ich denke bei vielen Nutzern mit 1280x1024 Pixeln nutzt man nicht mehr den ganzen Bildschirm aus. Manche nutzen rechts noch einen Teil des Bildschirms für einen Instant Messenger. Ich habe fast ständig meine Leiste mit den Bookmarks offen. Ich denke wenn eine Seite bei 1024er-Auflösung optimal aussieht und bei anderen Auflösungen auch ganz brauchbar ist liegt man schon richtig.

[Steffi]

naja, mir ist aufgefallen, daß prof. Seiten bei 1280 sehr schmal sind und oft am linken Rand beginnen und rechts etwa 1/3 übrig bleiben

bei mir wird alles gestreckt von links nach rechts und in der Mitte entsteht dadurch viel freier Platz, sieht ein bissl kaputt aus...


Ok, aber ich hab verstanden, besser wohl links beginnen und mit einer Gesamtbreite von sagen wir etwa 950px arbeiten...

[marquis]

css und eine max-width angeben - so "wächst" dein Layout bis zu dieser Grenze.

Setz dich mal mit Webdesigngrundlagen wie Zeichen pro Zeile usw. auseinander. Weiterhin gilt es sich nicht an den neuen Monitoren mit enormen Auflösungszahlen zu orientieren - hier surft keiner mehr im Vollbildmodus - sondern vielmehr mal in den mobilen Bereich zu schaun...

[Fridaynite]

1024x768 - 10425
1280x1024 - 3456
800x600 - 2205
1152x864 - 762
1280x800 - 362
1400x1050 - 278
1600x1200 - 248
1280x960 - 169
1440x900 - 99
1680x1050 - 78


Das ist ein Auszug aus einer meiner Statistiken.
Man sieht dabei, dass ein hoher Prozentsatz immer noch mit 800x600 unterwegs ist. Deshalb machen wir die Seiten ab dieser Grösse lesbar. Den Rest kann man ja über CSS machen wie oben beschrieben.

[depp ich]

Ich selbst habe 1600x1200 und natürlich nicht Vollbild, meisten sowas wie 900x1000, weil die meisten Seiten (zb diese) am besten zu lesen sind.

Beim Webdesign mache ich gerne 3 Spalten, die mittlere ohne Breitenangabe, gelegentlich aber mit Spacer, so dass die 3.Spalte bei 800 Breite draußen ist.
Was ich überhaupt nicht leiden kann, sind diese 500 Pixel links-oben Dinger, mit winziger Schrift.

[seobug]

css und eine max-width angeben - so "wächst" dein Layout bis zu dieser Grenze.

max-width wird nur von wenigen Browsern erkannt!

[marquis]

@seobug
nicht wirklich überall, aber schon recht zufriedenstellend...

#wrap {
max-width: 970px;
width: expression(document.body.clientWidth > 960? "960px": "auto");
margin: 0 auto;
}

[seobug]

Danke marquis!
Deine Version klappt bei allen meinen Test-Browsern außer beim Netscape 4.7.

[Hilarius]

800 x 600 ist immer noch OK - so kann man das Zeugs auch anständig drucken!

[xerxes]

fixe breite zwischen 900 und 920, 100% höhe (auf w3c achten), je nach layout iin die linke ecke oder mitte packen, und dann können es eigentlich alle lesen... die paar figuren, die noch mit nen 15" unterwegs sind müssen eben scrollen - sind die ja auch schon gewohnt... kannst du doch aber selber testen, wenn du deine bildschirmeinstellungen änderst...

[Steffi]

Danke für die vielen Ideens, wirklich gut...

[phereia]

Code: Alles auswählen

#wrap { 	
	max-width: 970px;
	width: expression(document.body.clientWidth > 960? 
    "960px": "auto");
	margin: 0 auto;
}

Mit dieser Methode läuft man dann in Probleme, wenn der User auf seinem System nicht mit 96 dpi arbeitet. Sicherer ist es, mit dieser Methode ein variables Padding zu setzen (auch wenn es etwas komplizierter ist), wie z.B.:

Code: Alles auswählen

body {
	padding-left: expression((Math.max(60, (document.body.clientWidth - 
  (parseInt(document.body.currentStyle.fontSize) *75))) / 2) + "px");
	padding-right: expression((Math.max(60, (document.body.clientWidth - 
  (parseInt(document.body.currentStyle.fontSize) *75))) / 2) + "px");
}

[Steffi]

@Hilarius

800 x 600 ist immer noch OK

Kommt auf die Zielgruppe an. Will man gewerbliche auch ansprechen, sollte minimum 1024x768 optimiert sein.

Konnte jetzt, denke ich einen kleinen Erfolg verbuchen.

Meine Seite passt sich jetzt dynamisch an und sieht nun auch bei über 1200 PX gut aus.
Somit konnte ich gleich mal auf meiner Seite vermehrt Inserate von Agenturen verbuchen, kann aber auch Zufall sein.

Jedenfalls sah vorher meine Seite bei 1200 aus wie vom LKW zerquetscht, das sollte nicht sein.

[gsyi]

Auszug von mir:
* 1024×768 (?) 52,61 % (16.841)
* 1280×1024 (?) 23,77 % (7.608)
* 1152×864 (?) 5,68 % (1.819)
* 800×600 (?) 5,25 % (1.682)
* 1280×800 (?) 2,81 % (900)
* 1400×1050 (?) 2,06 % (660)
* ??? (?) 1,78 % (571)
* 1600×1200 (?) 1,71 % (548)
* 1280×960 (?) 1,64 % (524)
* 1440×900 (?) 0,57 % (183)
* 1680×1050 (?) 0,50 % (159)
* 1280×768 (?) 0,29 % (94)
* 1280×854 (?) 0,27 % (88)
* 1920×1200 (?) 0,23 % (75)
* 2560×1024 (?) 0,10 % (32)

Aktuelle Umfrage von onestat.com (https://www.onestat.com/html/aboutus_pressbox38.html):

1. 1024 x 768 57.38%
2. 800 x 600 18.23%
3. 1280 x 1024 14.18%
4. 1152 x 864 4.95%
5. 1600 x 1200 1.67%
6. 1280 x 800 1.56%
7. 1600 x 1024 0.55%

Ich optimiere schon seit geraumer Zeit auf 1024x768...