Как правильно оформить два блока?

Question

[sergey]

Суть простая: но ничего не получается:

<div style="width:100%; height:100%;">
<div 1 style="float:left; background-color:#264A6D; height:100%; width:10%; min-width:100px;">..меню..</div>
<div 2 style="float:right; width:90%; margin-top:50px;">..таблица..</div>
</div>

необходимо что бы при уменьшении окна просмотра блоки сжимались до минимальной ширины 600px, а блоки наезжают друг на друга при уменьшении экрана. Как решить этот трабл? Спасибо.

Comments

[Денис Инешин]

<div1> - это что? Нет таких тегов div1, div2

[sergey]

Денис Инешин: это понятно я просто скопировал так:)

Answer 1

[Григорий]

С помощью JS или CSS... В JS функцию деления ширины окна на три части необходимого соотношения.
В CSS есть возможность использовать calc()