При верстке одного макета мне попалась довольно интересная задача. Контентная часть должна тянуться по высоте, футер должен быть прижат к низу (у него неизвестная высота, т.к. в нем находятся ключевые слова), да еще плюсом из-за специфики дизайна шапка должна наследовать фон у body.

Схематично дизайн можно изобразить следующим способом:

Без использования js у меня в голове не родилось ни одной идеи…

Обычно для создания резинового двухколоночного макета используется т.н. отрицательный отступ, суть которого состоит в следующем.

Есть структура

<div style="float:left; width:200px;">
	sidebar
</div>
<div style="float:right; width:100%; margin-right:-200px;">
	<div style="margin-right:200px;">
		content
	</div>
</div>

Как объяснить человеку далекому от верстки что такое float? Легко