При растяжении 4-ёх элементов под текст, растягивается отступ между ними и тут вопрос - как должны располагаться элементы ниже, если их к примеру два в строке? Прижиматься по краям к родителю как в примере выше? Или поставить между ними "отступ по умолчанию", который несовпадёт с отступом у растянутых 4-ёх и получим ассиметрию?

И у резиновой вёрстки нет никаких 4, 5 и т.д. элементов, количество регулируется лишь размерами родительского блока, сколько влезло, столько влезло.

Насчёт сложности резины - это наверное самое сложное в вёрстке.

Antonariyst_stНасчёт сложности резины - это наверное самое сложное в вёрстке. fluid 960 спасет отцов не только демократии, но и монархии и коммунизма.

По-моему самое сложное это придумать дизайн, который в резиновом виде не скатывался бы в УГ ни при каких обстоятельствах.
Впрочем, я всегда верстаю резину. Кроме печатных форм, их — под размер бумаги. Лейаут-то можно зафиксировать, а если у заказчика семь пятниц на неделе и каждый день новые размеры, то менять приходится лишь размеры лейаута, а контенту по барабану, какого тот размера. Удобная привычка.

Дизайн придумать сложно, с этим спору нет. Но и сверстать его не легче. Отсутствие ответа на данный топик (и мой предыдущий в том числе) лишь подтверждает, что либо народ на данном форуме мало сталкивался с резиной, либо дело это не из лёгких.

Antonariyst_stОтсутствие ответа на данный топикЧем мой вариант не резиновый? Заменить у лейаута пиксели на проценты и вуаля.

Заменить на проценты и в конец пустых блоков накидать, чтоб по краям не жалось, тогда становится похожим на правду.

privateЧтобы так было - прийдется добавлять в список невидимые пустые элементы - это усложнение верстки, и при динамическом изменении списка - нужно будет не только добавлять элементы, но и высчитывать и добавлять пустые елементы в конец. Это не то чтобы совсем неприемлемо, но неудобно.

А чем они мешают? Накидал и забыл. Добавляют отступ снизу? Если justify, то можно родителю font-size:0 поставить, в некоторых браузерах отступ исчезнет, в других минимизируется.

У меня вообще center (на js нормально работает), а на css такая же проблема с отступами (font-size:0 использовать нельзя, ибо перестаёт работать letter-spacing в вебките и IE), плюс пустые элементы с нулевой высотой нарушают центровку, то есть нужно задавать им хотя бы какую-нибудь минимальную высоту.

privateЯ бы предпочел чистую верстку + набор фиксированных размеров под разные девайсы, чем резиновую и хак с пустыми экементами.

Все девайсы разные по размерам, под все всё равно не подберёшь. Была идея делать резину под интервалы ширины, к примеру 300px - 600px, 600 - 1200, 1200 - 2000, внутри интервала сайт резиновый от минимума до максимума и конкретный шаблон выдавать с сервера из соображений - нафига пользователю айфона грузить 100 новостей, 200 товаров, колонку "как я провёл лето" и т.д., которые всё равно скрываются через медиа кверис. Но идея переросла в "сделать полную резину", минипулируя элементами через медиа кверис и подгружая с сервера данные в зависимости от разрешения экрана (не ширины браузера, так как он может быть просто уменьшен вручную).

Пример немного резинового сайта , так сказать самое начало.