Резиновая разметка в 2е колонки

[andkorz]

есть следующая разметка :

<div id="outer">
	<div id="upbg"></div>
	<div id="inner">
		<div id="header"></div>
		<div id="splash"></div>
		<div id="menu"></div>

		<div id="primarycontent"></div>
		<div id="secondarycontent"></div>

Так вот основной интерес представляют primarycontent и secondarycontent , нужно сделать чтобы secondarycontent был 240px , а primary занимал всю оставшуюся ширину экрана слева.

Вот текущий код css, в настоящее время проблема в том что div primarycontent занимает не всю свободную область, а только небольшую часть в зависимости от внутреннего содержания. То есть ширина primarycontent = ширине вложенных элементов, а хотелось бы чтобы он был ограничивающим контейнером и дочерние элементы уже форматировались по его ширине.

t
#secondarycontent
{
position: relative;
width: 240px;
float: right;
}

#primarycontent
{
position: relative;
width: auto;
float: left;
}

upbg
{
position: absolute;
top: 0px;
left: 0px;

width: auto;
height: 264px;
z-index: 1;
}

#outer
{
position: relative;
width: 100%;
margin: 0 auto;

}

#inner
{
position: relative;
padding: 13px 30px 13px 30px;
z-index: 2;
}

#header
{
position: absolute;
width: 202px;
height: 92px;
color: #fff;
padding-left: 20px;
}


#splash
{
position: absolute;
right: 30px;
width: 458px;
height: 92px;
}

#menu
{
position: relative;
height: 67px;
padding: 0px 20px 0px 5px;
margin: 98px 0px 20px 0px;
}

[Mila]

#primarycontent {

width: auto;

}

У вас же ширина: auto, что же вы хотите!

Задайте конкретную ширину - например 600pх.

[andkorz]

\У вас же ширина: auto, что же вы хотите!

Задайте конкретную ширину - например 600pх.

Так мне нужно чтобы ширина primary не была фиксирована. А растягивалась на всю ширину броузера минус ширина secondary

[Yulia]

можно не выпендриваться и сделать двухстолбцовой табличкой, а можно сделать у primary padding-right: 240px, убрав остальные свойства, а secondary повесить абсолютно.

Или так:

#secondarycontent
{
float: right;
width: 240px;
margin-left: -240px;
}

#primarycontent
{
padding-right: 240px;
float: left;
}

[sandro-css]

Ставь #primarycontent процентную ширину.

А можно спросить зачем там стоит position:relative везде?