3-колоночный макет с резиновой шириной на относительном позиционировании

[Vicos]

Здравствуйте! Не могу сверстать макет, мало опыта, необходим 3-х колоночный макет с резиновым центром и одинаковой высотой всех 3-х колонок во всю высоту содержимого, так же в основных блоках будут содержаться другие блоки, содержимое в содержимое которых собственно и будет регулировать высоту. Подскажите что не так. Переделал и снова наткнулся на те же грабли. Не могу довести да ума.

http://jsfiddle.net/Vicos/zwLNT/

P.S. Если что не понятно, переспросите, вопрос переформулирую.

P.S.S перейдя по ссылке увидим почти доведённый до ума макет.

Edited June 3, 2013 by Vicos

[zlodeev]

ступил, не понял что именно нужно, вечером что-нибудь попробую сделать

Edited June 2, 2013 by zlodeev

[Vicos]

ступил, не понял что именно нужно, вечером что-нибудь попробую сделать

Такая же проблема, при добавлении блоков с содержимым в #content боковые не меняют своей высоты. Ладно, начну с нуля, может что лучше получиться.

[Vicos]

Сделал! Правда пришлось отказаться от прижатого подвала.

HTML и CSS

http://jsfiddle.net/Vicos/zwLNT/

P.S. Отдельное спасибо) сервису - http://csstemplater.com/.

Edited June 3, 2013 by Vicos

[klierik]

Оформи, пожалуйста, пост соответствующе: Как правильно оформить вопрос/проблему

Так же очень важный вопрос -- 3 столбца действительно дожны быть одной высоты, или же они должны иметь только вид синхронизированных колонок?

Я бы взглянул на макет.

[Vicos]

Вот что пока получается.

Так же очень важный вопрос -- 3 столбца действительно дожны быть одной высоты, или же они должны иметь только вид синхронизированных колонок?

Я бы взглянул на макет.

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

Edited June 3, 2013 by Vicos

[klierik]

Важно не тот как сейчас а как должно быть в конечном итоге.

Спойлер.

[spoiler]
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat illo odio odit temporibus? Ad, aliquid atque cumque harum hic ipsa, iure, laborum molestiae nesciunt nobis quas quasi reiciendis repellat reprehenderit?
[/spoiler]

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

Это вообще как?

[Vicos]

Макет

Структура

Edited June 3, 2013 by Vicos

[klierik]

ага. вот оно как.

в целом структура как тут: http://www.cssplay.co.uk/layouts/flexible-3column-fix-flex-fix.html

но есть слабое место: http://screencast.com/t/c9WGcfLKK

это реализовать нельзя, имхо.

Можно, правда, через JS, но логику описывать ради этого как-то нерентабельно (надо будет выбрать все блоки в колонке, посчитать их высоту, посчитать их кол-во, посчитать их отступы, и потом вычислить разницу между высотой контента и сумарной высотой этих блоков, что бы задать разницу последнему блоку в списке). :wacko:

[Vicos]

ага. вот оно как.

в целом структура как тут: http://www.cssplay.c...x-flex-fix.html

но есть слабое место: http://screencast.com/t/c9WGcfLKK

это реализовать нельзя, имхо.

Можно, правда, через JS, но логику описывать ради этого как-то нерентабельно (надо будет выбрать все блоки в колонке, посчитать их высоту, посчитать их кол-во, посчитать их отступы, и потом вычислить разницу между высотой контента и сумарной высотой этих блоков, что бы задать разницу последнему блоку в списке). :wacko:

Да про эту проблему знаю, прозрачность будет только целиком у колонок, по блокам делиться не будет. Реализовывал прозрачность подложкой, но как то не так было, не брала подложка родительскую высоту и распространялась на все элементы ниже.С JS пока не особо дружу, так что всё таки придётся малость отойти от макета дизайнера.

Спасибо за уделённое время!

И на счёт прозрачности, если сам до ума не доведу, то обращусь в форум.

[klierik]

как вариант еще такой подход: http://jsfiddle.net/klierik/WVZED/

неважно какая колонка длинее: девая, правая, центральная.

видимость синхронизации колонок все равно будет присутсвовать.

[Vicos]

как вариант еще такой подход: http://jsfiddle.net/klierik/WVZED/

неважно какая колонка длинее: девая, правая, центральная.

видимость синхронизации колонок все равно будет присутсвовать.

Ооо! Вот этот вариант так же интересен. Надо будет попробывать.