Категории

Как сделать "резиновый" сайт под все мониторы?

Я не могу найти в интернете как возможно сделать сайт под все мониторы. Фон зафиксировал, сайт идёт по срединке, на мониторе 15.6" он отлично вписывается, а вот на 24" средина очень узкая, а фон по бокам выступает страшно много(((
Вот примеры на фото ниже. Если кто знает код, напишите пожалуйста...

Искать нужно по "резиновая верстка" или адаптивная(если и мобильные устройства)

А так, "магического" кода на все случаи и под все шаблоны нет. каждый нужно затачивать отдельно.

Да в том то и дело что я уже заискался за 2 дня.... Вот и сюда решил написать. Сейчас начал делать шляпу, добавил рисунок слева, а он на большом экране страшно уходит к краю... Теперь я не могу угадать как добавлять следующий чтобы было ровно.... Как то чтобы хотя бы шляпу зафиксировать... жесть какая то....) Шаблон вроде бы хороший, но перекрутить его совсем не могу(((
http://technosvit.org/

шаблон grin резиновый. можете у меня посмотреть...

Отлично! Спасибо Большое!

Тестировать можно тут http://quirktools.com/screenfly/ если кому надо

А что это за шаблон grin?
Где его посмотреть, и как попробовать?

Тот же что и Pink вот он: http://cis-trade.com/

Делать резиновые шаблон для магазинов - это моветон, особенно в настоящее время, когда разброс используемых экранов от 19" до 32" и выше.
Откройте, тот же http://cis-trade.com, на 24" мониторе... полная лажа, а представте, как это стильно будет смотреться на 32".
Надо думать в первую очередь не только о том, как смотрится у себя на мониторе, но и о том каким видят его посетители на своих мониторах.
Резиновыми делаются информационные сайт, где в основном текст и надо его выводить на весь экран.
Сайты, в которых много графики и картинок принято делать с фиксированной шириной, на сегодняшний день это как правило 1020 рх.

Если уже невмоготу, как хочется резина, то возможны несколько приемлемых вариантов, ни как не связанные с традиционной резиновой версткой, например:

1. делается делается несколько шаблонов (для смартфона, планшета, монитора 19" , 22" и т.д.)
и устанавливается скрипт, который автоматически переключает шаблон в зависимости от разрешения монитора посетителя.
2. устанавливаются скрипты, которые в зависимости от разрешения, делают резиновой не только верстку, но и всю графику

можно просто max-width:1300px; и все.
1300px - сколько макс. ширину ограничивать.

а вообще лучше конечно адаптивную верстку. но это самому будет сложно, а на заказ не так уж и дешево, в виду того, что затачивать под различные экраны.
При этом с учетом OS (ios, android...), да и самим дизайном. в большинстве случаев, чтобы адаптивный сделать, нужно планировать сам дизайн. иначе будет стоит адаптация дороже...

Источник