![]() |
|
Модераторы: Illuminaty |
![]()
|
|
| Shogun |
|
|||
|
сёгун-сан ![]() ![]() Профиль Группа: Участник Сообщений: 290 Регистрация: 8.6.2006 Где: Кишинёв Репутация: 1 Всего: 11 |
Добрый всем день!
Есть 3 дива. 3-х колонный блок. .diva, .divb, .divc { position:relative; float:left; } У divb высота динамическая. Как можно сделать чтоб высота diva и divc менялись в зависимость от divb?? Помогите пожалуйста, спасибо. -------------------- 2b || !2b |
|||
|
||||
| December |
|
|||
![]() Antitheorist ![]() ![]() ![]() ![]() Профиль Группа: Участник Сообщений: 4423 Регистрация: 14.8.2002 Где: Харьков Репутация: 1 Всего: 57 |
Сделать их вложенными - это самый просто способ. Если ты точно знаешь, какой будет самый длинный блок, то он должен быть самым внутренним.
Также можно погуглить на faux column, кажется. |
|||
|
||||
| Shogun |
|
|||
|
сёгун-сан ![]() ![]() Профиль Группа: Участник Сообщений: 290 Регистрация: 8.6.2006 Где: Кишинёв Репутация: 1 Всего: 11 |
Не могли бы Вы простой пример написать если не трудно??
-------------------- 2b || !2b |
|||
|
||||
| Violator |
|
|||
|
Бывалый ![]() Профиль Группа: Участник Сообщений: 234 Регистрация: 10.1.2009 Репутация: 15 Всего: 15 |
||||
|
||||
| Shogun |
|
||||||
|
сёгун-сан ![]() ![]() Профиль Группа: Участник Сообщений: 290 Регистрация: 8.6.2006 Где: Кишинёв Репутация: 1 Всего: 11 |
Спасибо. Но столкнулся со странной проблемой... Хочу вместо background:#89ffa2; у правой и левой колонки поставить картинку. для правой:
Работает... а для левой:
не появляется... :( Помогите пожалуйста разобратся, спасибо. -------------------- 2b || !2b |
||||||
|
|||||||
| Violator |
|
|||
|
Бывалый ![]() Профиль Группа: Участник Сообщений: 234 Регистрация: 10.1.2009 Репутация: 15 Всего: 15 |
Shogun,
для левой тоже позиционируйте бэкграунд вправо
|
|||
|
||||
| Shogun |
|
||||
|
сёгун-сан ![]() ![]() Профиль Группа: Участник Сообщений: 290 Регистрация: 8.6.2006 Где: Кишинёв Репутация: 1 Всего: 11 |
Спасибо. Теперь разбираюсь с каждой колонкой так как у них должна быть фиксированная ширина... Это сообщение отредактировал(а) Shogun - 21.2.2010, 16:35 -------------------- 2b || !2b |
||||
|
|||||
| MaXL |
|
|||
![]() Developer ![]() ![]() Профиль Группа: Участник Сообщений: 380 Регистрация: 24.10.2005 Где: Владивосток Репутация: нет Всего: 2 |
Ну не у всех. Обычно, при трёхколонном макете, две колонки фиксированные(те, что слева и справа), а центр -- тянется. Ну и аналогично можно сделать, чтобы две или все три были не фиксированные. -------------------- MaXL |
|||
|
||||
| December |
|
|||
![]() Antitheorist ![]() ![]() ![]() ![]() Профиль Группа: Участник Сообщений: 4423 Регистрация: 14.8.2002 Где: Харьков Репутация: 1 Всего: 57 |
Неоднократно убеждался, что гораздо выгоднее не гнаться за резиновостью, а использовать налёжный и простой вариант с фиксированной шириной по центру. На сотни процентов легче ибстрее верстается, а пользователю - практически никакой разницы. Конечно, если это не форум и не новостной портал. |
|||
|
||||
| Shogun |
|
|||
|
сёгун-сан ![]() ![]() Профиль Группа: Участник Сообщений: 290 Регистрация: 8.6.2006 Где: Кишинёв Репутация: 1 Всего: 11 |
Я так и хочу сделать... Агась... Это я и верстаю... Делаю по этому примеру... но не все понятно... например для чего нужны width,left,right, margin-left в процентах, да еще 200%? Может есть у кого ссылка на статью или урок где ШАГ ЗА ШАГОМ объясняют как сверстать такой шаблон?? Спасибо. Это сообщение отредактировал(а) Shogun - 23.2.2010, 00:32 -------------------- 2b || !2b |
|||
|
||||
| SelenIT |
|
|||
![]() баг форума ![]() ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
Вот здесь (правда, для двухколоночного примера, но идея та же): http://chikuyonok.ru/2009/06/float-columns/ - оно?
-------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
| Shogun |
|
|||
|
сёгун-сан ![]() ![]() Профиль Группа: Участник Сообщений: 290 Регистрация: 8.6.2006 Где: Кишинёв Репутация: 1 Всего: 11 |
Всем СПАСИБО, разобрался. ;)
-------------------- 2b || !2b |
|||
|
||||
![]()
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |