Резиновый верстка

[smertnik]

Подскажите как решить проблему.

Сайт из 3х колонок (левая, правая, центральная).

<table class="content_table">
        <tr>
            <td class="left">
<div class="main_content"></div>
<div class="col"></div>
</td>
<td class="right"></td></tr></table>
-------------------------------
table.content_table {width:100%; border-collapse:collapse; border-spacing:0;}
table.content_table td {vertical-align:top;}
table.content_table td.left {width:75%;}
table.content_table td.right {width:25%;}

.main_content {float:right; width:67%;}
.col {float:right; width:33%;}

Также внешний блок в который входит выше указанный:

#all {position:relative; z-index: 10; min-height:100%; min-width:1000px; width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':(document.body.clientWidth > 1000? "100%": "auto"));}

В 6 и 7 explorere Левая колонка при достижении минимальной ширины в 1000пх (когда появляется полоса прокрутки горизонтальная) слетает в самый низ, как это можно побороть?

 

[Razminka]

Этот баг описан немеряное количество раз и решений у него тоже море:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[bigman2009]

Razminka, огромное спасибо за ссылки. Недавно столкнулся с похожими проблемами и эти сайты помогли найти нужное решение.

 

[smertnik]

Спасибо. Но данные решения используют ширину одной из колонок на процент меньше, как только колонки прижимаются друг к другу, получаем слет при мин ширине. Остается видимо только использовать position:absolute.

 

[Leo-oon]

Спасибо.

 

[omfg]

Можно воспользоваться другим решением с использованием float и clear:
Для просмотра ссылки Войди или Зарегистрируйся