Rozmiary stron
Strona internetowa powinna wyglądać dobrze w każdej rozdzielczości. Każdy z użytkowników może mieć monitor o zupełnie innej wielkości z ustawioną dowolną rozdzielczość ekranu. Do tego, okno przeglądarki nie musi zajmować całego ekranu. Użytkownik może przeglądać strony internetowe korzystając ze zmniejszonego okna przeglądarki, a jednocześnie chcieć oglądać inne okna (np. tekst referatu w edytorze tekstów lub program telewizyjny).
Dlatego nie można określić czegoś takiego jak „najlepsza rozdzielczość”. Wszystkie rozdzielczości są równie dobre. Strona musi dać się skalować. Jednakże, od jakichś domyślnych ustawień trzeba zacząć. Można się pokusić o ustalenie takiego startowego, optymalnego rozmiaru strony.
Zobaczmy jak sprawa wygląda:
- Dla nowoczesnych przeglądarek 1em=16px
- Typowa rozdzielczość ekranu: 1024x768 (64em × 48em)
- Słabsza rozdzielczość ekranu: 800x600 (49em × 37.5em)
- Szerokość sidebara przeglądarki: 240px
- Szerokość paska przewijania: 16px + 2x1px (ramka okna) = 18px
- Szerokość kolumny menu: 150px (9.375em)
- Szerokość kolumny menu: 128px (8em)
- Obszar aktywny strony: 800 - 16px scroll - 2x1px ramka okna = 782px=48.875em
- Optymalny rozmiar przy którym nie pojawia się poziomy scrollbar w 800x600: 48.9em =782.4px
- 782px;
- 1024-782=242px /2 = 121px wolnego z każdej strony ekranu
Wnioski
Najlepszy rozmiar to 782px=48.875em. Przy typowej rozdzielczości 1024x768 i włączonym sidebarze, strona będzie pasowała w sam raz bez scrolli. To samo dotyczy sytuacji 800x600 przy wyłączonym sidebarze przeglądarki.