Roztahovací model, min-width, max-width...

Dobrý večer, mám tady takový menší problém a jelikož už jsem dnes bez fantazie, požádal bych znalé o radu :-)

Layout se skládá se tří sloupců - levý úzký, prostřední hlavní, pravý také úzký.
Mám nastavenou fixní šířku celého trojsloupí a vycentrované na střed.

Čeho potřebuju dosáhnout:
Aby se prostřední sloupec roztahoval dle šířky okna (jak to mám teď bude nejmenší možná šířka), ale zároveň aby se neroztáhl moc, tj tak maximálně o 200px při velkém rozlišení. Poradíte někdo? Samozřejmě potřebuju něco funkčního, to jest i v IE :-D

Díkes

fíha, nějak se mi to nedaří :-/ nenapsal bys mi prosím nějakou kostru jen? Díky moc

Plaváček
Neboj, neboj, snažím se :) ale nějak mi to dnes nejde...

Ale jo, už to asi mám, sice trošku jinak... uvidím ;-)

tak ju, mám to asi takhle, to by mi mělo stačit - mám tam min a max-width; pro ie - pokud bude okno širší než 1000px tak bude i ten #hlavni 1000px; pokud bude menší, bude width:auto; jenže já bych potřeboval ještě pro ie udělat i min-width. napadlo mě tam místo auto dát třeba těch 600px, jenže to bude při roztahování okna skákat z 1000px na 600px... nešlo by to nějak udělat?

<div id="hlavni" style="background:yellow">

	<div style="width:25%; float:left; background:green">left</div>

	<div style="width:50%; float:left; background:red">obsah</div>

	<div style="width:24%; float:left; background:blue">right</div>

<br style="clear:both" />

</div>

#hlavni {

	_width: expression(document.body.clientWidth > 1000? "1000px" : "auto" );

	min-width: 600px;

	max-width: 1000px;

	margin:0px auto;

}

mno měli by mít, ale takhle když obsah toho postraně zarovnám třeba doprava, tak mi to efekt splní. jak jinak udělám vedle sebe 3 divy,

100px
600px - 1000px
100px

a ještě je obalím divem, který bude margin:0px auto?

jsem už fakt nějakej přetaženej...