Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Высота div-a, в зависимость от другого. 3-х колонный блок. 
V
    Опции темы
Shogun
Дата 19.2.2010, 19:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


сёгун-сан
**


Профиль
Группа: Участник
Сообщений: 290
Регистрация: 8.6.2006
Где: Кишинёв

Репутация: 1
Всего: 11



Добрый всем день!

Есть 3 дива. 3-х колонный блок.

.diva, .divb, .divc
  {
    position:relative;
    float:left;
  }


У divb высота динамическая.


Как можно сделать чтоб высота diva и divc менялись в зависимость от divb??


Помогите пожалуйста, спасибо.



--------------------
2b || !2b
PM MAIL ICQ Skype   Вверх
December
Дата 19.2.2010, 21:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Antitheorist
****


Профиль
Группа: Участник
Сообщений: 4423
Регистрация: 14.8.2002
Где: Харьков

Репутация: 1
Всего: 57



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

Также можно погуглить на faux column, кажется.


--------------------
Для друзей с винграда - скидки на разработку сайтов
PM MAIL WWW ICQ   Вверх
Shogun
Дата 19.2.2010, 22:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


сёгун-сан
**


Профиль
Группа: Участник
Сообщений: 290
Регистрация: 8.6.2006
Где: Кишинёв

Репутация: 1
Всего: 11



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




--------------------
2b || !2b
PM MAIL ICQ Skype   Вверх
Violator
Дата 19.2.2010, 22:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15



PM MAIL   Вверх
Shogun
Дата 20.2.2010, 15:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


сёгун-сан
**


Профиль
Группа: Участник
Сообщений: 290
Регистрация: 8.6.2006
Где: Кишинёв

Репутация: 1
Всего: 11



Цитата(Violator @ 19.2.2010,  22:38)
http://matthewjamestaylor.com/blog/equal-h...ns-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;

не появляется... :(


Помогите пожалуйста разобратся, спасибо.


--------------------
2b || !2b
PM MAIL ICQ Skype   Вверх
Violator
Дата 21.2.2010, 15:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15



Shogun, 
для левой тоже позиционируйте бэкграунд вправо
Код

background-position:top right;

PM MAIL   Вверх
Shogun
Дата 21.2.2010, 16:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


сёгун-сан
**


Профиль
Группа: Участник
Сообщений: 290
Регистрация: 8.6.2006
Где: Кишинёв

Репутация: 1
Всего: 11



Цитата(Violator @ 21.2.2010,  15:37)
Shogun, 
для левой тоже позиционируйте бэкграунд вправо
Код

background-position:top right;

Спасибо.  smile 


Теперь разбираюсь с каждой колонкой так как у них должна быть фиксированная ширина...  smile  smile 

Это сообщение отредактировал(а) Shogun - 21.2.2010, 16:35


--------------------
2b || !2b
PM MAIL ICQ Skype   Вверх
MaXL
Дата 22.2.2010, 16:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Developer
**


Профиль
Группа: Участник
Сообщений: 380
Регистрация: 24.10.2005
Где: Владивосток

Репутация: нет
Всего: 2



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

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


--------------------
MaXL
PM MAIL   Вверх
December
Дата 22.2.2010, 21:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Antitheorist
****


Профиль
Группа: Участник
Сообщений: 4423
Регистрация: 14.8.2002
Где: Харьков

Репутация: 1
Всего: 57



Цитата(MaXL @  22.2.2010,  16:18 Найти цитируемый пост)
Обычно

Неоднократно убеждался, что гораздо выгоднее не гнаться за резиновостью, а использовать налёжный и простой вариант с фиксированной шириной по центру. На сотни процентов легче ибстрее верстается, а пользователю - практически никакой разницы. Конечно, если это не форум и не новостной портал.


--------------------
Для друзей с винграда - скидки на разработку сайтов
PM MAIL WWW ICQ   Вверх
Shogun
Дата 23.2.2010, 00:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


сёгун-сан
**


Профиль
Группа: Участник
Сообщений: 290
Регистрация: 8.6.2006
Где: Кишинёв

Репутация: 1
Всего: 11



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

Я так и хочу сделать...


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

Агась...


Цитата(December @  22.2.2010,  21:51 Найти цитируемый пост)
Конечно, если это не форум

Это я и верстаю... smile


Делаю по этому примеру...
но не все понятно... например для чего нужны width,left,right, margin-left в процентах, да еще 200%?

Может есть у кого ссылка на статью или урок где ШАГ ЗА ШАГОМ объясняют как сверстать такой шаблон?? Спасибо. 

Это сообщение отредактировал(а) Shogun - 23.2.2010, 00:32


--------------------
2b || !2b
PM MAIL ICQ Skype   Вверх
SelenIT
Дата 23.2.2010, 04:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



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


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Shogun
Дата 23.2.2010, 18:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


сёгун-сан
**


Профиль
Группа: Участник
Сообщений: 290
Регистрация: 8.6.2006
Где: Кишинёв

Репутация: 1
Всего: 11



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


--------------------
2b || !2b
PM MAIL ICQ Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0662 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.