Растянуть div по ширине родителя, который ведет себя как inline

[ercalote]

Нужна помощь по CSS.

Есть два div'a.

Один имеет фиксированную ширину, второй находится справа от первого и заполняет все оставшееся пространство экрана.

Чтобы второй растягивался делаю его display:block.

Но из-за этого, он переходит на строку ниже первого. Т.е. ему нужен display:inline.

В тоже время display:inline-block не растягивает div по ширине родителя.

Вопрос: как добиться одновременного выполнения свойств inline и block?

 

[mdss]

не проще с отрицательными полями сверстать и не мучаться?

 

[ercalote]

Удалось сделать без них. Может пригодится кому.

CSS:

#container {
	display:block;
	height:200px;
	overflow:hidden;
}

#firstPart {
	float:left;
	width:400px;
	height:200px;
	background: url('../i/left.jpg') no-repeat;
}

#secondPart {
	display:block;
	height:200px;
	margin:0 0 0 400px;
	background:url('../i/right.jpg') repeat-x;
}

HTML:

	<div id="container">
		<div id="firstPart"></div>
		<div id="secondPart"></div>
	</div>

 

[mouzesrus]

в основе свой только фиксированные блоки обычно работают - так что настривайте более точно указывая ширину блоков.

 

[azmarin]

хм

сталкивался с такой же проблемой, правда не помню как разршил сей вопрос...