вопрос о div вёрстке

[klippi]

есть трёхколоночный макет.
.left {}
.center {}
.right {}
всё заключено в класс .content {}
Ширина страницы не фиксирована, а зависит от разрешения пользователя (width: expression(document.documentElement.clientWidth < 800 ? "800px" : "auto")
Как сделать, чтобы .left {} был фиксированной ширины
а .center {} .right {} по 50% и 50% от оставшейся ширины?
Ниже мой код:
CSS:
body { position: relative; min-width: 1024px; width: expression(document.documentElement.clientWidth < 800 ? "800px" : "auto"); margin: 0 50px; min-height: 100%; }
.content { overflow: hidden; width: 100%; }
.left { float: left; width: 290px; }
.center { float: left; width: 50%; margin-left: 10px; }
.right { float: right; width: 50%; margin-right: 0; margin-left: 10px; }
HTML:
<div class="content">
<div class="left">111</div>
<div class="center">222</div>
<div class="right">333</div>
</div>
Если так нельзя сделать, то поделитесь как такое можно сделать с помощью div
Спасибо!

 

[Mallard]

Ответ: вопрос о div вёрстке

Как-то так

<style type="text/css">
.rezina { 
	margin-left:300px;
	min-width:800px;
	}
.content {
	width: 100%;
	}
.left {
	float: left;
	width: 290px;
	background-color:red; 
	}
.center {
	float:left; 
	display:inline;
	width:49%;
	background-color:green;
	}
.right {
	float:left;
	display:inline;
	width:49%;
	margin-right:0;
	margin-left:10px;
	background-color:blue;
	}
</style>

<div class="content">
<div class="left">111</div>
<div class="rezina"> 
<div class="center">222</div>
<div class="right">333</div>
</div>
</div>

 

[klippi]

Ответ: вопрос о div вёрстке

Спасибо! Помогло