Div background repeat-y

[corsair]

Доброго времени суток!

В новом проекте озадачился одной интересной проблемой.

Суть проблемы та же что и у автора с этого буржуйского форума.

Вот только решение меня не очень радует. Как-то не кошерно использовать JS для верстки.

Верстка у меня примерно такая же, т.е. три дива один под другим и еще по три дива в каждом из них. У всех float: left.

В дивах content_left_vertical и content_right_vertical есть только фоны с повторением по вертикали и нет контента.

Чтобы появился фон, этим дивам нужно указать высоту, но высоту дива content, в котором, как следует из названия, лежит контент, заранее узнать невозможно.

Выкурил кучу хаков выравнивания колонок по одной высоте, но все они не подходят, т.к. требуют наличия контента во всех колонках.

До пяти утра курил Гугл, но так и не нашел адекватной замены решению на JS.

Решил спросить, может у уважаемых коллег будут какие-то идеи.

Буду очень признателен.

[psywalker]

Дружище, а ты покажи два скриншота. Как должно быть и как НЕ должно. И ответь,

тебе нужны колонки одинаковой высоты?

[buddah]

А если фон задавать не отдельным блоком а в самом контенте поместить с нужной стороны, дать ему репит y, а текст отодвинуть паддингом на ширину рисунка? Что получится?

Просто насколько я знаю у CSS нет такого свойства "растягивать этот блок как воооон тот!" если это тольк не касается родительского дива.

Edited May 14, 2011 by buddah

[corsair]

psywalker, вот как быть не должно. Как быть должно думаю ясно.

buddah, так просто не выйдет, так как сайт будет оптимизироваться под несколько разрешений, соответственно придется делать несколько широченных фонов, с обрамлением по краям и прозрачных в центре.

Способ, конечно, не без недостатков, но все же вполне жизнеспособен. За смекалку +1 =)

[buddah]

Тогда свойство CSS3 border-image. А для старых браузеров придумать что-нибудь...

Это если без JS.

[Temiks]

это все можно сделать через дивы и все будет ок во всех браузерах

[psywalker]

psywalker, вот как быть не должно. Как быть должно думаю ясно.

buddah, так просто не выйдет, так как сайт будет оптимизироваться под несколько разрешений, соответственно придется делать несколько широченных фонов, с обрамлением по краям и прозрачных в центре.

Способ, конечно, не без недостатков, но все же вполне жизнеспособен. За смекалку +1 =)

Ха! Помница когда-то делал что-то подобное. Вот, откопал, держи:

http://psywalker.ru/SAITS/Leonardo%20da%20Vinci/biography-page1.html

Тогда свойство CSS3 border-image. А для старых браузеров придумать что-нибудь...

Да ты что, это же пока фантастика, забудь.

[Temiks]

например так

1 див повторение левого фона по вертикали, в нем делаем еще див с повторением правого фона, 3 див делаем нижнею часть и указываем бг bottom и ставим ему пейдинг внизу ну и делаем еще один див и делаем ему бг верхние и там же будет весь контент

[corsair]

psywalker, решение просто супер, а главное проще некуда!

Огромное спасибо всем, кто откликнулся!

Люблю этот форум

[psywalker]

psywalker, решение просто супер, а главное проще некуда!

Огромное спасибо всем, кто откликнулся!

Люблю этот форум