Szerokość nowoczesnej strony

Witam

Jaką szerokość głównego kontenera strony obecnie stosujecie? Ekrany laptopów, z których obecnie większość korzysta już dawno są szersze niż 1024px, więc tworzenie strony o szerokości 960px mija się raczej z celem, bo mrowie userów będzie miało pół pustego ekranu po lewej i prawej. Oczywiście userów o mniejszej szerokości ekranu (np. urządzenia mobilne) olać nie można i dlatego robi się strony responsywne. Ale jaką szerokość bazową wybrać poniżej, której nie schodzić? Czytałem, że 980px, 990px, a nawet 1100. Jakieś zalecenia?

Co to znaczy "poniżej której nie schodzić"? jeśli okno przeglądarki jest ma 400 pikseli, to strona powinna się zwęzić, a nie pokazywać suwak.
Nie zmuszaj użytkowników do trzymania przeglądarki zmaksymalizowanej tylko dlatego, że ty masz fullhd i wydaje ci się że wszyscy tak mają.

Azarien napisał(a):

Co to znaczy "poniżej której nie schodzić"? jeśli okno przeglądarki jest ma 400 pikseli, to strona powinna się zwęzić, a nie pokazywać suwak.

Czytaj ze zrozumieniem, napisałem, że strona powinna być responsywna i dla węższych rozdziałek powinna się dostosowywać do szerokości ekranu. Nie chcę po prostu, aby strona na szerokich monitorach zajmowała tylko połowę przestrzeni skoro mogę wykorzystać całą.

Tu masz najpopularniejsze rozmiary ekranów http://spirelightmedia.com/resources/responsive-design-device-resolution-reference
Ogólnie dla mobilek:

• pionowo - wielokrotności 4
• poziomo - wielokrotności 6
• tablety - wielokrotności 6-12
• komputery - wielokrotności 12
• telewizory+ - wielokrotności 12

Teraz tylko musisz dobrać wartości graniczne. Ja proponuję:

• 480px - 960px - mobilki
• 960px - 1920px - komputery
• więcej to na ekrany 4K, Retiny i inne takie

Od czasu kiedy laptopy są jako-tako popularne - to od wtedy miały one rozdziałki 1280 i więcej. Co innego biurkowe monitory, ale Ty wspomniałeś o laptopach.
Ja zwykle dostaję projekty 960-990px. 960 są moim zdaniem wygodne, bo 960 dzieli się przez 2, 3, 4, 5 i 6 - łatwo stawiać boksy ;)

To może 996px? Dzieli się zarówno przez 3 i przez 4, co jest najpopularniejszym podziałem

Wydaje Mi się, że 960 jest rozsądną rozdzielcznością, i możesz zrobić tak, że strona autmatycznie będzie się rozszerzać, zależnie od rozdzielczości.
Aktualnei nadal dużo osób używa niskich rozdzielczości typu 1024 na 768. Tutaj masz stary, ale nadal aktualny artykuł o tym :

http://pclab.pl/news49512.html

Ciężko jest dostosowac, wymagania do wszystkich klientów :P

Ok 12,5% ludzi korzysta z rozdzielczości 1024px szerokości, potem już jest 1280px i więcej. Mój kumpel jednak mając monitor 1280px zwęża okienko przeglądarki do ok 1000px, możliwe, że inni też tak robią, szczególnie przy takim FullHD.

Edit: Zapomniałem linka:
http://ranking.pl/pl/rankings/screen-resolutions.html

@dzek69 i tak nas nie posłucha.
Zrób taki trick na szerokosc strony :

body
{
  min-width:960px;
  max-width:1200px;
  width:auto !important;
}

Odpowiednio zrob do tego CSSa który byś mógł dopasowywac do rozdzielczości ekranu ;)

Podać szerokość strony w procentach?

Najczęściej (jak ja się spotykałem) to szerokość treści była ustalana przedziałami od-do dla poszczególnych szerokości ekranu (patrz @media) a szerokość kolumn jest ustalana procentowo. Sprawdź sobie Zurb Foundation i zobacz jak tam to zrobili.

aby strona na szerokich monitorach zajmowała tylko połowę przestrzeni skoro mogę wykorzystać całą.

Jeśli przesadzisz w drugą stronę, będzie się źle czytało, chyba że podzielisz stronę na kolumny.
Lepiej się czyta tekst w krótkich linijkach, niż taki, w którym trzeba głową obracać by go przeczytać.

http://gs.statcounter.com/#resolution-PL-monthly-201207-201306

Procent rynku dla poszczególnych rozdzielczości (dla PL) :

• dla szerokości 1366 to 26% rynku, szerokości 1280 to 22% (12%+10%), 1024 to 10%, co łącznie daje 58%,
• dla szerokości 1600 to 5%, dla 1920 to 7% co łącznie daje 12%.

Ewidentnie widać że tylko 12% użytkowników ma znaczące "białe pasy" po bokach przy rozdzielczości 960px, dla 58% strona wygląda OK.

Nie wiem jak wy, ale mi się osobiście wydaje, że najlepszym wyjściem jest użyć czegoś responsive i wtedy nie ma takowego problemu. Bo czy wyświetlamy na ekranie 4K czy na smartfonie mamy jeden CSS, który nam się do tego dostosowuje.

BTW http://stackoverflow.com/questions/8564752/good-widths-for-media-queries-on-responsive-site