Резиновая верстка на дивах

Это короткая памятка о том, как сделать резиновую верстку используя дивы. В данном варианте одна из колонок имеет фиксированную ширину, а вторая — плавающую.

Делаем следующую структуру:

<div id="left-column">
	<div id="left-column-inner">
		<!-- Содержимое левой колонки -->
	</div>
</div>
<div id="right-column">
	<!-- Содержимое правой колонки -->
</div>

CSS стиль:

#left-column {
	float: left;
	margin-left: -200px;
	width: 100%;
}
#left-column-inner {
	margin-left: 200px;
}
#right-column {
	float: right;
	width: 190px;
	overflow: hidden;
}