Вопрос для знающих html и css

shaddad, почитайте, вдруг подойдет:

http://chikuyonok.ru/2009/06/float-columns/

Поместите и сайдбар и контент в один тег

<div style="height:100%">Сайдбар, контент</div>

1. для html и body height:100%;

2. body c классом clearfix (прогуглите или из css html5boilerplate возьмите - там много чего можно взять, можно просто целиком);

3. контент перед сайдбаром с float:left;

4. сайдбар с float:none (по умолчанию) и min-height:100%;

5. кросброузерное щастье...

Всем спасибо за ответы. На другом форуме подсказали использовать такой код:

<div style="display:table-cell;">
<div style="display:table-row">
<div style="display:table-cell;background:red">column 1</div>
<div style="display:table-cell;background:blue">column 2</div>
</div>
</div><div style="display:table-cell;">
<div style="display:table-row">
<div style="display:table-cell;background:red">Left</div>
<div style="display:table-cell;background:blue">Right</div>
</div>
</div>

И он работает. На заметку новичкам - не табличная вёрстка, а блочная.

для решения задачи такого уровня это не "вёрстка", а, пардонтий, извращение. но хозяин - барин...

Только таблицы, только топор :D