jaką szerokość ustawić dla tworzonej strony internetowej 960px czy więcej?

Question

Wiadomości jakie znalazłem w internecie piszą, żeby optymalnie ustawić 960px. Jednak artykuły są trochę stare i rozmyślam czy nie lepiej dać większą szerokość bo monitory o tej rozdzielczości już są rzadko spotykane w laptopach czy przy komputerach stacjonarnych. Wiadomo, że wszystkich się na da zadowolić pod tym względem. Wpadłem na ciekawą informację, żeby zastosować coś takiego na stronie, tylko że wtedy wyrównanie marginesów znikło i strona jest przyklejona do lewej strony.

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

Comments

Wybieraj proszę odpowiednią kategorię, jak widzę po raz kolejny nie zwracasz na to uwagi. A kod należy wstawiać w bloczek code z wybraną odpowiednią składnią.

---

To wywalaj pytanie do kosza, aż do skutku; )

Answer 1

Wiadomo, że wszystkich się na da zadowolić pod tym względem

Oczywiście że się da!

Odpowiedzią są strony responsywne i radzę w dzisiejszych czasach ( o ile myślisz nad projektem komercyjnym ) porzucić statykę, gdyż jest ona przestarzała i mało wydajna.

Dzisiejszy użytkownik może chcieć wyświetlić Twoją stronę na komputerze, tablecie, smartfonie, telewizorze a niedługo pewnie i na ekranie w lodówce.

Odcinanie grubą linią wszystkich tych możliwości przez tworzenie statycznej strony nie jest dobrym pomysłem. Polecam poczytać o "Responsive web design" ( RWD ). Kilka pomocnych artykułów:

1. Co to jest RWD - link

2. Dobre praktyki RWD - link

EDIT: Znaczniki !important mogą tworzyć cały stos problemów - radzę uważać ze stosowaniem takowych

Answer 2

zerknij na np. bootstrap to jest wlasnie rwd popularny, prosty, nie powiniennes miec problemow. oczywiscie nie wszystko da sie w nim zrobic ale na poczatek warto go poznac.

Answer 3

Ja ustawiam wrapper zawsze tak:

.wrapper {
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}

Dzięki czemu strona się rozciąga zawsze na 100% aż do górnej granicy 1200px