[Serial]

Подскажите, пожалуйста, каким образом можно реализовать следующую вещь:

#up
{ min-height: 500px; float: right; background-color: red;}
#down
{ min-height: 700px; float: left; background-color: green;}
#all
{ min-height: 600px;  background-color: black;}

<div id="all">	
	<div id="up">
	</div>
	<div id="down">
	</div>

</div>

Нужно чтобы черный общий блок менял высоту в зависимости от высоты зеленого?

[Aldes]

не понял вопроса

[Serial]

просто голову сломал... скажу вот как в коде:

	<div id="all_page">
		<img src="images/background.png"  height="927" width="960"> 
		<div id="header">
		</div>
		<div id="container">
		</div>
	</div>

и

#all_page
{
	background-image:  url(images/res_7.png) ;
	border: 1px solid;
	width: 960px;
	min-height: 927px;
	height: 100%;
	margin: 0 auto;
	padding: 0px;
	text-align: left;	

}

#header
{
	position: absolute;
	top: 0px;
	width: 960px;
	height: 153px;
 	margin: 0px;
	padding: 0px;
	background-color: blue ;
}



#container
{
	border: 1px solid red;
	position: absolute;	
	top: 153px;
	height:1900px;
	width: 960px;
	
}

смысл в том, что нужно чтобы внутри именно главного div была некая фоновая картинка неповторяющаяся, а под ней, если высота страницы будет того требовать, уже плиткой-фоном шла другая картинка. На фоне всего этого будут позиционироваться другие блоки.

В примере выше все работает, но вот только div "all_page" не растягивается, и как следствие не заполняется желаемым фоном, если height дивки "container" превышает min-height div "all_page". Помогите, пожалуйста!

В боди ничего вешать фонового нельзя - он уже имеет фон определенного цвета, а логика задачи не позваляет фоном разместить требуемую картинку. Гипотетически, если бы посредством боди можно былобы организовать однотонный фон на всю ширину окна (для любого разрешения), а на фон поставить определенную картинку по-центру, то тогда бы задача скорее всего разрешилась. Можно было бы отказаться от некоторых position в div'ках...

[Aldes]

<div id="all_page">
              <div id="background">
		<div id="header">
		</div>
		<div id="container">
		</div>
              </div>
	</div>

далее в CSS диву "all_page" прописываете фоном картинку без повтора, а диву "background" другую картинку,если нужно с указаным повтором по х или по у, и позиционаруете див "background" под картинку первого дива