Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Вложенные div


Автор: FightInGlory 12.1.2010, 17:30
Может я и неправильно думаю, но всегда считал что если указать диву параметр 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;}


Кто знает как это побороть пишите.

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

Код

<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>

Автор: FightInGlory 12.1.2010, 18:27
Большое спасибо помогло.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)