Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Проблема с обтекаемостью Дивов
 
 автор: chum-pasha   (11.08.2010 в 01:37)   письмо автору
44.4 Кб
 
 

Столкнулся с проблемой: нужно выстроить дивы как в варианте "1", получатся только как в варианте "2". Дивы имеют одинаковые классы и могут менять свою высоту в зависимость от внутреннего контента!!! Может кто-то подскажет как решить данную проблему.

  Ответить  
 
 автор: АЯ   (11.08.2010 в 02:38)   письмо автору
 
   для: chum-pasha   (11.08.2010 в 01:37)
 

Добавьте ещё два "внешних" div'а - в первый поместите 1, 4, 5, 7; во второй - 2, 3, 6.
У обоих внешних float:left.

  Ответить  
 
 автор: chum-pasha   (11.08.2010 в 02:41)   письмо автору
 
   для: АЯ   (11.08.2010 в 02:38)
 

Так не покатет, количество дивом может уменьшаться или увеличиваться.

  Ответить  
 
 автор: АЯ   (11.08.2010 в 02:45)   письмо автору
 
   для: chum-pasha   (11.08.2010 в 02:41)
 

Катет - это сторона прямоугольного треугольника, прилегающая к прямому углу.

  Ответить  
 
 автор: Usta   (11.08.2010 в 10:22)   письмо автору
 
   для: АЯ   (11.08.2010 в 02:38)
 

Все правильно, нужно эти дивы поместить во внешний. можно и левый див float:left; правый float:rigth; можно еще их в еще один див:
и уже вних пихать 1,4,6 уже просто без float;

<style>
#main {
   width:410px;
   display:inline-block;
}
#left {
  width:200px;
  float:left;
}
#right {
  widht:200px;
  float:right;
}
</style>
<div id="main">
     <div id="left"></div>
      <div id="right"></div>
</div>

  Ответить  
 
 автор: АЯ   (11.08.2010 в 10:45)   письмо автору
 
   для: Usta   (11.08.2010 в 10:22)
 

"Эти" - да.
А как быть со следующими? С нумерами 8, 9, 10 и т.д.
Вы ж не знаете, куда левая пятка г-на chum-pasha захочет каждый из них поместить - может, влево, а может, и вправо.
Так что и у Вас - не "прокатит".:-)

  Ответить  
 
 автор: Usta   (11.08.2010 в 11:05)   письмо автору
 
   для: АЯ   (11.08.2010 в 10:45)
 

Да хоть 25,26,27.
Если вставлять в ручную, то пофиг. Если идет динамика, то тоже не вижу сложности.

  Ответить  
 
 автор: АЯ   (11.08.2010 в 11:18)   письмо автору
 
   для: Usta   (11.08.2010 в 11:05)
 

Вы - не видите, я - тоже не вижу.
А вот спрашивающий - видит.
Катет у него. :-)

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования