Вибираємо ширину сайту, в процентах або пікселях

Багатьох веб-сайти в Інтернеті мають фіксовану ширину сторінок, інші навпаки відносну ширину сторінок. Яку ширину сторінки слід використовувати?







З іншого боку, якщо при створенні макета сайту використовували відносну ширину, то сайт буде розширюватися і стискатися до розміру вікна браузера.

Переваги відносної ширини сторінок сайту

Доводи на користь використання відносної ширина сторінок сайту зазвичай пояснюється незалежності відображення сайту від дозволу екрану в відвідувачів.

Наприклад, ширина "100%" завжди буде охоплювати всю ширину вікна браузера відвідувача. В незалежності від розширення екрану, будь то 640x468 або 1024x768 і т.д. До того ж відвідувачам вашого сайту ніколи не потрібно прокручувати по горизонталі сторінки сайту.

При відносній ширині, вам не потрібно турбуватися про відображення вашого сайту при різному розширенні.

Переваги фіксованої ширини сторінок сайту

При використанні відносної ширини сторінок сайту, ви в меншій мірі можете контролювати зовнішній вигляд сторінок. Сторінки сайту у різних користувачів будуть або широкими, або вузькими. В результаті, коли вікно браузера стає занадто широким, то все буде відображатися простягнув. Коли вікно браузера стає занадто вузьким, тексту і графіка в різних стовпчиках будуть відображатися неправильно.







Якщо ви використовуєте фіксовану ширину сторінок сайту, елементи сторінки буде зберегти свою структуру і положення в незалежності від дозволу екрану відвідувачів. Звичайно, якщо дозвіл будить нижче фіксованої ширини, яку ви призначили, то відвідувачеві буде необхідно прокручувати сайт по горизонталі. При фіксованій ширині сайту сторінки будуть виглядати без змін.

Який вибрати розмір сайту?

До тих пір поки дозвіл екрана досить різноманітне жодне рішення не буде задовольняти всіх відвідувачів інтернету.

Якщо ви хочете контролювати зовнішній вигляд ваших сторінок фіксована ширина сторінок це той стандарт, який необхідно прийняти. При наявності великої кількості графічних елементів на сторінці так само необхідно використовувати фіксований розмір сайту.

При використанні фіксованої ширини сайту переконайтеся що ви встановили фіксований розмір, використовуючи розумне розширення, наприклад 1024x768.

Якщо ж немає необхідності в такому контролі, ви можете вільно використовувати відносну ширину сторінок вашого сайту.

До речі, використання фіксованої ширини не означає, що сторінка буде виглядати нормально при більш високій роздільній здатності. Якщо ваша сторінка має фіксовану ширину, скажімо 800 пікселів, а відвідувач використовує розширення 1900x1200, він побачить неспотворену копію вашої сторінки навколо білого простору. Як я вже сказав, жодне з цих рішень не є досконалими.

  • Не варто думати, що застосування одного методу над іншим вирішить всі ваші проблеми. Ви можете перевірити свої сторінки при різному дозволі, що дозволить побачити, як виглядає ваш сайт.