Организация блоков друг под другом

[like2dev]

Есть блок он может быть шириной 360 или 720, в нем два дива.

Мне нужно если ширина внешниго блока больше чем 360, то два блока идут в ряд, если меньше или ровно то друг под другом. Как такое можно организовать?.

Блоки наполняет картинка и обтекающий текст.

[ShumNo]

float к блокам, которые внутри блоков 360 либо 720

Или вы имеете ввиду, что у блоков, которые внутри большого блока подстраивается ширины в зависимости от ширины родителя?

[like2dev]

Именно текст растгяивается на ширину блока родителя.

Есть фотография она либо 84 , либо 336 по ширине, дальше идет блок с обтекщающим текстом ( на ширину родителя)

[moskalev_mihail]

Если я правильно тебя понял, то тебе поможет

display:inline-block;

для обоих вложенных дивов.

Для IE7 нужно добавить *zoom:1; что бы включить HasLayot для нармального отображения)

[like2dev]

А для inline-block ширину указывать не надо?

Потому что у меня не должно быть фикс ширины у этих блоков.

[moskalev_mihail]

На сколько я помню не нужно. Попробуйте) Скажите потом, получилось или нет.

[ShumNo]

если без ширины, то как блок узнает на сколько ему вытягиваться?

Скорее надо максимальную ширину ставить которая может быть

[moskalev_mihail]

В блоке же должна быть картинка, вот относительно нее он и будет вытягиваться. И по законам потока будет переноситься на след строчку в маленьком контейнере и вставать в ряд в большом.

Разве не так?

[like2dev]

<style>
.side-l {
   width: 740px;
}
.content {
   width:100%;
}
.article-wrap {
   margin: 0 10px;
}
.column {
   360px;
}
.side-l .article-main-img{
   width: 336px;
   height: 142px;
}
.column .article-main-img {
   width: 84px;
   height: 84px;
}
</style>
<div class="side-l">
	<div class="content">
		<div class="article-category">
		  <div class="article-main">
			 <div class="article-wrap">
			 <div class="article-main-img">
				<img src="" alt="" />
			 </div>
			 <div class="article-main-content">
				 <div class="article-main-content-header">
				 </div>
				 <div class="article-main-content-body">
				 </div>
				 <div class="article-main-content-meta">
				 </div>
			 </div>
			 </div>
		  </div>
		</div>
	</div>
</div>

Когда родитель side-l div.article-main-img & div.article-content - идут в ряд, когда column друг под другом.

[moskalev_mihail]

Не понял проблемы...