Версия для печати темы Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Высота div-a, в зависимость от другого.

Автор: Shogun 19.2.2010, 19:50

Добрый всем день! Есть 3 дива. 3-х колонный блок. .diva, .divb, .divc   {     position:relative;     float:left;   } У divb высота динамическая. Как можно сделать чтоб высота diva и divc менялись в зависимость от divb?? Помогите пожалуйста, спасибо.

Автор: December 19.2.2010, 21:28

Сделать их вложенными - это самый просто способ. Если ты точно знаешь, какой будет самый длинный блок, то он должен быть самым внутренним. Также можно погуглить на faux column, кажется.

Автор: Shogun 19.2.2010, 22:29

Не могли бы Вы простой пример написать если не трудно??

Автор: Violator 19.2.2010, 22:38

http://matthewjamestaylor.com/blog/equal-height-columns-3-column.htm

Автор: Shogun 20.2.2010, 15:44

Цитата(Violator @ 19.2.2010,  22:38) http://matthewjamestaylor.com/blog/equal-height-columns-3-column.htm Спасибо. Но столкнулся со странной проблемой...  Хочу вместо background:#89ffa2; у правой и левой колонки поставить картинку. для правой: Код background-image:url(../images/b_right.gif); background-repeat:repeat-y;   background-position:top right; Работает... а для левой: Код background-image:url(../images/b_left.gif); background-repeat:repeat-y;   background-position:top left; не появляется... :( Помогите пожалуйста разобратся, спасибо.

Автор: Violator 21.2.2010, 15:37

Shogun,  для левой тоже позиционируйте бэкграунд вправо Код background-position:top right;

Автор: Shogun 21.2.2010, 16:35

Цитата(Violator @ 21.2.2010,  15:37) Shogun,  для левой тоже позиционируйте бэкграунд вправо Код background-position:top right; Спасибо.    Теперь разбираюсь с каждой колонкой так как у них должна быть фиксированная ширина...

Автор: MaXL 22.2.2010, 16:18

Цитата(Shogun @  21.2.2010,  16:35 ) так как у них должна быть фиксированная ширина...  Ну не у всех. Обычно, при трёхколонном макете, две колонки фиксированные(те, что слева и справа), а центр -- тянется. Ну и аналогично можно сделать, чтобы две или все три были не фиксированные.

Автор: December 22.2.2010, 21:51

Цитата(MaXL @  22.2.2010,  16:18 ) Обычно Неоднократно убеждался, что гораздо выгоднее не гнаться за резиновостью, а использовать налёжный и простой вариант с фиксированной шириной по центру. На сотни процентов легче ибстрее верстается, а пользователю - практически никакой разницы. Конечно, если это не форум и не новостной портал.

Автор: Shogun 23.2.2010, 00:31

Цитата(MaXL @  22.2.2010,  16:18 ) Ну не у всех. Обычно, при трёхколонном макете, две колонки фиксированные(те, что слева и справа), а центр -- тянется. Я так и хочу сделать... Цитата(December @  22.2.2010,  21:51 ) Неоднократно убеждался, что гораздо выгоднее не гнаться за резиновостью, а использовать налёжный и простой вариант с фиксированной шириной по центру. На сотни процентов легче ибстрее верстается, а пользователю - практически никакой разницы.  Агась... Цитата(December @  22.2.2010,  21:51 ) Конечно, если это не форум Это я и верстаю...  Делаю по http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm примеру... но не все понятно... например для чего нужны width,left,right, margin-left в процентах, да еще 200%? Может есть у кого ссылка на статью или урок где ШАГ ЗА ШАГОМ объясняют как сверстать такой шаблон?? Спасибо.

Автор: SelenIT 23.2.2010, 04:13

Вот здесь (правда, для двухколоночного примера, но идея та же): http://chikuyonok.ru/2009/06/float-columns/ - оно?

Автор: Shogun 23.2.2010, 18:48

Всем СПАСИБО, разобрался. ;)

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)