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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Вложенные div, Почему не расширяется див по высоте? 
:(
    Опции темы
FightInGlory
Дата 12.1.2010, 17:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Может я и неправильно думаю, но всегда считал что если указать диву параметр height:100% и поместить внутрь другой див, то внешний будет расширяться в зависимости от того какая высота у внутреннего. Но вот если внутрь поместить два дива , один за другим, т.е. float:left, то высота перестает регулироваться. Нижний див просто сворачивается, а внутренний опускается.

Вот пример.

Код

<div id="frame">
   <div id="frame-left"></div>
   <div id="frame-right"></div>
</div>


Код

#frame {width:700px; height:100%; border:1px black solid; margin:0 auto;}
   #frame-left {width:500px; height:500px; border:1px black dashed; float:left;}
   #frame-right {width:195px; height:100px; border:1px black dashed; float:right;}


Кто знает как это побороть пишите.
PM MAIL   Вверх
comcon1
Дата 12.1.2010, 18:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 838
Регистрация: 11.6.2005
Где: Москва ДАС-МГУ

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



если запихать в див два дива с флоатами, то его высота станет равна нулю.
для того, чтобы его высота стала адекватной, нужно:

Код

<div id="frame">
   <div id="frame-left"></div>
   <div id="frame-right"></div>
   <div style="clear: both;"></div>
</div>


или так

Код

<div id="frame">
   <div id="frame-left"></div>
   <div id="frame-right"></div>
   <div style="float:left; width: 100%;">&nbsp;</div>
</div>



--------------------
PM MAIL   Вверх
FightInGlory
Дата 12.1.2010, 18:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



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


 




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


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

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