Оригинал сообщения

Гумовий макет виходить, якщо у основного контейнера не ставити ширину взагалі ( за замовчуванням буде 100 %) або задати ширину у відсотках. Іншими словами , не враховуючи межі і відступи , сайт, що має ширину 100 % буде займати всю видиму частину екрану , не створюючи горизонтальної смуги прокрутки.

Він зменшується по ширині до 755 пікселів до того , як зявляється горизонтальна смуга прокрутки , але і при цьому вона не потрібна для перегляду основного вмісту сторінок . Фактично , сайт чудово виглядає аж до ширини в 560 пікселів , далі елементи дизайну вже починають перекриватися , пропадати або звалюватися вниз. Більшість гумових макетів мають такі обмеження і , як я бачив , некоректно поводяться на мобільних пристроях , поки не відключені стилі взагалі або не застосовано спеціальних таблиця стилів для мобільних пристроїв.

Плюси гумового макета

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

Гумовий макет збігається з макетом , застосовуваним броузером за замовчуванням , то дозволяє вважати його «ідеологічно правильним» . Але чи можна вважати бажання розробника зробити «ідеологічно правильний» сайт плюсом щодо зручності його використання? Я думаю , що можна ;

Гумовий макет сайту дозволяє використовувати доступне дозвіл екрана по максимуму. Велика частина змісту сторінки буде « над лінією згину » (тобто видимої без додаткової прокрутки сторінки) .

Мінуси такого макета

Занадто багато доступного для читання тексту сторінки і його гостре бажання заповнити всю доступне місце може служити на шкоду зручності користувачів . Занадто багато тексту може « тиснути» на користувача і робити сайт перевантаженим або хаотичним. Існує вислів: « Порожній простір продає » (  White space sells  , не знаю російського еквівалента цього виразу , мається на увазі, що порожній простір потрібно для збільшення акценту на утриманні ), і воно справедливо навіть стосовно до вебсайтів ;

Якщо для обмеження ширини макета використовувати CSS властивість max  width ( яка не підтримується Internet Explorer ( IE) 6 версії і раніше , коротше кажучи , взагалі (погано ) підтримується ) і бути просто гуру верстки можна в результаті прагнення до « правильної ідеології» отримати , в кращому випадку , сайт , яким буде важко користуватися. Уявіть собі , що потрібно прочитати рядок довжиною більше 1000 пікселів , і ви усвідомлюєте проблему.

Деякі поради з використання цього макета

Використовуйте гумовий макет строго за призначенням. Не дозволяйте своїм прагненням зробити все «ідеологічно правильно» взяти гору над здоровим глуздом. Повинні бути якась досить вагома причина , щоб використовувати цю різновид макета. Якщо ви все ж вирішили використовувати саме її , переконайтеся , що гумовий макет вашого сайту нормально виглядає на більшості екранних дозволів . Інакше залиште це , гра не варта свічок ;

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

Якщо ви все ж таки зробили гібрид гумового та фіксованого макета (як , наприклад , зображено в моєму CSS керівництві , переконайтеся , що він нормально виглядає на дозволі 800 ? 600 .

LIci WP