X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> div'ы внутри div'а
Simior
Simior
Topic Starter сообщение 6.8.2009, 14:21; Ответить: Simior
Сообщение #1


Добрый день.
Есть следующая ситуация: div, внутри которого еще два div'a. Нужно, чтобы внешний див растягивался в высоту по большему из внутренних. Соответственно, сейчас в случае, если один из внутренних дивов по высоте больше внешнего, он просто располагается поверх.
Что пробовал:
1) Не указывать высоту внешнего дива. Внешний див создается высотой в 1 пиксель, внутренние идут поверх.
2) Выставлять всем троим display: block; - никакого эффекта.
3) Выставлять внешнему display: table; а внутренним - display: table-cell; . Верстка летит к чертям, других эффектов нет.
Поиск юзал, ничего не нашел.
Заранее благодарен за помощь.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 6.8.2009, 14:47; Ответить: Webmaster_hb
Сообщение #2


overflow:hidden - для внешнего дива - не помогает ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Simior
Simior
Topic Starter сообщение 6.8.2009, 15:21; Ответить: Simior
Сообщение #3


Огромное спасибо, помогло!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 6.8.2009, 15:28; Ответить: Alcorn
Сообщение #4


Webmaster, а есть пример кода? Раньше думал, что див всегда автоматически по содержимому растягивается, оказалось не тут то было.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 6.8.2009, 16:53; Ответить: Webmaster_hb
Сообщение #5


(Alcorn @ 6.8.2009, 18:28) *
Webmaster, а есть пример кода? Раньше думал, что див всегда автоматически по содержимому растягивается, оказалось не тут то было.


<div style="border:1px solid red; overflow:hidden;">
<div style="border:1px solid green; float:left; width:200px">
123<br>
</div>
<div style="border:1px solid blue; float:left; width:200px">
123<br>
123<br>
123<br>
123<br>
123<br>

</div>

</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 6.8.2009, 17:31; Ответить: Alcorn
Сообщение #6


Интересная штуковина. Единственное не понял, overflow - какой эффект подразумевает?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 6.8.2009, 17:58; Ответить: Alcorn
Сообщение #7


Всё, понял. Для overflow требуется указывать стандарт, тогда он начинает работать в IE8(в остальных версиях не проверял).
Без указания doctype он не раздвигает див в IE.

Ещё один способ:
Убираем overflow, в первом основном диве пишем display:inline-block; Для блочного отображения основного дива ставим width:100%, тогда пойдут переносы строк. Стандарты можно не указывать.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Maxxi
Maxxi
сообщение 8.8.2009, 11:19; Ответить: Maxxi
Сообщение #8


свойство overflow:hidden лечит родительские блоки с флотнутыми внутренними элементами. Если флотов нет, див тянется по высоте содержимого.
Анаголичными свойствами для браузеров ие выступают width и height.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 8.8.2009, 13:49; Ответить: Alcorn
Сообщение #9


"Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.
hidden - отображается только область внутри элемента, остальное будет обрезано." Интересно, какая зависимость между overflow:hidden основного дива и float внутренних дивов? Где-то что-то непомещается в основной див и потом обрезается, как-то так.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Maxxi
Maxxi
сообщение 8.8.2009, 22:18; Ответить: Maxxi
Сообщение #10


С флотнутыми внутренними элементами у родительского блока пропадают лайаут-свойства. Оферфлоу их компенсирует. Как уже говорил для ие:
width, height, можно zoom
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужна помощь по обмену рублей ETXT внутри биржи на Приват
2к рублей
3 TalanArtem 1065 8.3.2023, 0:07
автор: анатасия228
Открытая тема (нет новых ответов) P2P оффер, 4% с ордера | РФ | Арбитраж RUB внутри страны
1 LebedevStr 695 28.2.2023, 21:30
автор: LebedevStr
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1545 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыАудит ниши+техничка+правки+СЯ+Текстовая релевантность+ссылки+ПФ = ТОП. Подробности внутри, комплексное продвижение и разовые услуги
Многоуровневые ссылочные системы, аудиты, накрутка ПФ и так далее
4 rammzes_iv 1538 14.9.2022, 10:40
автор: rammzes_iv
Открытая тема (нет новых ответов) Куплю сайты, внутри темы подробный запрос
3 PticaKate 3624 12.11.2019, 16:22
автор: 0pium


 



RSS Текстовая версия Сейчас: 29.3.2024, 15:24
Дизайн