верстака резинового блока css

[white_kh]

Ребята, привет. Решил сделать сайтик, но появилась проблемка. Т.к я никогда не верстал "резиновых" сайтов, а всегда делал фиксированные, то возник небольшой вопросик. В общем надо сделать 2 блока, один допустим шириной 200px, а другой 100%.То, что я хотел сделать меня получилось, но я так понимаю, что выход не совсем правильный. Подскажите как все это верно реализовать? Заранее Спасибо!

<div style="width:200px; height:20px; float:left; background:orange; position:relative;">

side left (width:200px <—-- —-->)

</div>

<div style="width:100%;height:20px; float:left; background:silver; margin-left:-200px;">

<div style="margin-left:200px;">

side right (width:100% <—-- —-->)

</div>

</div>

Edited July 10, 2009 by white_kh

[Azadi]

Примерно так можно:

<div style="background:#eee; margin:0 auto; overflow:hidden; padding-right:200px">
	<div style="float:right; width:200px; background:#fff; margin-right:-200px; position:relative;">
		right side
	</div>
	<div style="border:#000 1px solid">center text</div>
</div>

Но лично я предпочитаю более сложный, но в то же время и более надежный способ господина gordi: http://trifler.ru/blog/i/layouts/ideal/footer_gordi.htm