Форум Сайтостроение Веб-строительство

Какой самый лучший резиновый макет?

snaker
На сайте с 29.09.2012
Offline
33
snaker
951

Всем доброго времени суток, форумчане. Не давно я начал углубляться в html/css, на данный момент остановился на верстке резиновых макетов. Погуглив, нашел не мало вариантов их исполнения, но не один из них не работает по нормальному. Требуется трехколоночный резиновый макет, с футером и шапкой, где бы 3 колонки были одного размера при любом разрешении экрана. Пробовал следующие варианты:

- при помощи position: relative; position: absolute; . Колонки выравнивал, при изменении масштаба колонки принимали нужный размер. Но не помещался футтер, лез под колонки.

- задавал всем трем колонкам ширину в % и значение float: left; . Колонки были нужного размера, но при уменьшении масштаба третья колонка съезжала вниз.

Подскажите, кто знает, каким образом это можно реализовать?

P.S. понимаю, что написал не на тот форум, и что здесь обычно не обсуждают вопросы по верстке. На форум по верстке написал, мне там так и не ответили..

alexeev.cc (https://alexeev.cc)
KB
На сайте с 10.08.2006
Offline
164
KGB
#1

Выбирайте http://blog.html.it/layoutgala/

только резина сегодня не актуальна

V
На сайте с 20.04.2010
Offline
93
Vladrom
#2

Вы просите научить Вас верстать резиновые макеты, я правильно понял?

Если да, то сами подумайте, какие тут щас будут ответы.

Имхо, хорошая резиновая верстка это очень высокий уровень квалификации верстальщика. И такая верстка будет не дешевой (повторюсь, КАЧЕСТВЕННАЯ резиновая).

Думаете возможно тут Вас этому научить?

Как сделать красивое письмо Ссылки с блогов, которые Джон Мюллер: не зацикливайтесь
snaker
На сайте с 29.09.2012
Offline
33
snaker
#3
KGB:
Выбирайте http://blog.html.it/layoutgala/
только резина сегодня не актуальна

Спасибо большое за ресурс, сейчас буду тестить)

Vladrom:
Вы просите научить Вас верстать резиновые макеты, я правильно понял?
Если да, то сами подумайте, какие тут щас будут ответы.
Имхо, хорошая резиновая верстка это очень высокий уровень квалификации верстальщика. И такая верстка будет не дешевой (повторюсь, КАЧЕСТВЕННАЯ резиновая).
Думаете возможно тут Вас этому научить?

Я не прошу научить меня верстке, я всего лишь прошу сказать еще возможные варианты, а дальше я сам научусь :)

Константин Валентинович
На сайте с 23.11.2013
Offline
64
Константин Валентинович
#4
snaker:
Требуется трехколоночный резиновый макет, с футером и шапкой, где бы 3 колонки были одного размера при любом разрешении экрана.

Все зависит от того, все у Вас колонки резиновые или есть фиксированной шириной.

Если есть хоть одна колонка с фиксированной шириной, то чтобы учесть все нюансы и не было глюков - то подойдет табличная верстка, хотя это не по фен-шую.

Или же использовать jQuery (тогда получается все идеально).

При более простой верстке, есть несколько способов создания резиновых колонок при помощи HTML и CSS. Все они неплохо описаны у, например, здесь: http://htmlbook.ru/blog/4-metoda-sozdaniya-kolonok-odinakovoy-vysoty, но подчеркну, каждый из них имеет свои нюансы.

Верстка сайта Бессоница от CSS-верстки в Перевод всех партнеров на
snaker
На сайте с 29.09.2012
Offline
33
snaker
#5
Константин Валентинович:
Все зависит от того, все у Вас колонки резиновые или есть фиксированной шириной.
Если есть хоть одна колонка с фиксированной шириной, то чтобы учесть все нюансы и не было глюков - то подойдет табличная верстка, хотя это не по фен-шую.
Или же использовать jQuery (тогда получается все идеально).
При более простой верстке, есть несколько способов создания резиновых колонок при помощи HTML и CSS. Все они неплохо описаны у, например, здесь: http://htmlbook.ru/blog/4-metoda-sozdaniya-kolonok-odinakovoy-vysoty, но подчеркну, каждый из них имеет свои нюансы.

Именно табличную верстку и использовал. А именно: основной макет в div-ах, а три колонки через таблицу, очень не плохо получилось.

Всем спасибо)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий