VPF::Перекрытие div элементов без position:absolute

Panoptus

Дата 28.11.2011, 14:37 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Нужно сделать такое перекрытие элементов:
http://i29.fastpic.ru/big/2011/1128/ee/f5c...561df7aadee.png
Зеленый div- общий див для комментария, красный div - аватар, черный - текст комментария (сам текст будет справа от аватара)
Аватары могут быть разной высоты, как и размер комментариев, потому черный и зеленый дивы должны растягиваться вниз.
Комментариев, ка вы понимаете, будет много, потому position:absolute не подходит.. по крайней мере я не знаю как это сделать..

Это сообщение отредактировал(а) Panoptus - 28.11.2011, 14:41

ksnk

Дата 28.11.2011, 16:02 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

Цитата(Panoptus @ 28.11.2011, 14:37

)

потому position:absolute не подходит.

Может, просто нужно научится его готовить? smile

у зеленого дива position:relative и выставленные padding
у красного - абсолютная позиция.

?

А что так и надо поверх текста навешивать аватарку? Как-то мне не по себе от таких дизайнерских изысков... smile

Это сообщение отредактировал(а) ksnk - 28.11.2011, 16:03

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Panoptus

Дата 28.11.2011, 20:45 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

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

Спасибо огромное, все получилось:
http://i28.fastpic.ru/big/2011/1128/fc/3dd...96696cd48fc.png

Цитата

А что так и надо поверх текста навешивать аватарку? Как-то мне не по себе от таких дизайнерских изысков...

Текст сдвинут вправо из-под аватарки, как видите на скрине

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »