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

gofkane (Павел Ханин gofkane (Павел Ханин

Как сделать сайт резиновым? Например вконтакте у людей с разными мониторами открывается всё равно одинаково, а мой сайт искажается.

P.S. У меня свой сервер.

deivan (Ivan Demenkov deivan (Ivan Demenkov

До лампочки сервер, нужно верстку делать DIV'ами

Kandasoft Kandasoft

Размеры элементов указывайте в процентах, заранее все четко расчитав.

Гость Гость

Искажается - значит у вас верстка не правильноя. Кроссбраузерность проверяйте, вообще ошибки верстки и тп

Sunktor Sunktor

Верстка, плюс еще бывает нужно определять параметры монитора и браузера и на основе этих данных подбирать ксс

Хотя это не особо важно для нового сайта, я знаю весьма популярные ресурсы, где дизайн не подгонялся под большие мониторы, а на одном вообще видел пустых пол экрана (у меня 1680 по ширине), где половину пустого места занимает реклама от гугла, а фон второй просто содержит надпись - у вас очень хороший монитор…
По большому счету важен контент и удобство навигации, если не находишь нужного в течении первых 10-30 секунд, на дизайн и не смотришь, сваливаешь дальше.

OverHerz OverHerz

"Например вконтакте у людей с разными мониторами открывается всё равно одинаково"
ой не надо, попробуйте в опере с масштабом поиграться, он нифига не резиновый.

Гость Гость

лучший ответ
Во-первых определитесь так ли вам нужна резиновая верстка.
Резиновую верстку можно сделать как на таблицах(table) так и на блоках(div).
Резиновость достигается путем задания размеров в процентах. Таким образом в зависимости от размеров сайт подстраивается под разрешения, сохраняя общие пропорции для элементов.
Если опыт верстки небольшой, начните верстать с помощью таблиц (всем кто скажет что это плохо, старо, и не семантично, посоветуйте посмотреть html - yandex.ru).
Если вы ориентируетесь в html, css - верстайте на div'ах. Но добиться кросбраузерности с учетом internet explorer 6, сложнее.
Если ваш сайт должен иметь версию для печати, версии под мобильные устройства, то делайте только на div'ах, хоть это и сложнее.
Очень хороший пример верстки двухколоночного макета, можно найти у Сергея Чикуенка - http://chikuyonok.ru/2009/06/float-columns/.
Будут конкретный вопросы - пишите. Удачи вам в верстке.

Добавить комментарий | Похожие обсуждения

Вопросы и ответы по Вконтакте
Вопросы и ответы

Популярные вопросы и ответы о социальной сети www.vkontakte.ru (vk.com)