Добрый день. Мучаюсь - как сделать 3-х колончную страницу - так что бы центральная колонка была всегда фиксированной ширины - а боковые занимали все оставшееся свободное место?
Нашел пока такое. при разрешении экрана 1280х1024 нормально при 1024х768 центральная колонка съедает часть правой колонки. Как можно с этим побороться? Спасибо.
Код:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head><title>3 колонки - центральная фиксированная</title>
<style type="text/css">
html,body{margin:0;padding:0;min-width:1000px; }
p{margin:0 10px 10px}
#header {height:80px;line-height:80px;margin:0;padding-left:10px;background: #EEE;color: #79B30B}
#leftBlock{background:#B9CAFF}
#fixBlock{background:#a80000;}
#rightBlock{background: #00a800;}
#footer{background: #333;color: #FFF}
#container { width:100%; }
#wrapper {float:left;width:100%}
#leftBlock {float:left;width:25%;margin-left:-100%}
#fixBlock {float:left;width:45%;margin-left:-75%;min-width:570px;}
#rightBlock {margin-left: 70%; }
#footer {clear:left;width:100%}
</style></head><body>
<div id="container">
* *<div id="header">Заголовок</div>
* *<div id="wrapper">
* * * *<div id="rightBlock">
* * * * * *
Правая колонка</p>
* * * *</div>
* *</div>
* *<div id="leftBlock">
* * * *
Левая колонка</p>
* *</div>
* *<div id="fixBlock">
* * * *
fixBlock</p>
* *</div>
* *<div id="footer">
Подвал</p></div>
</div>
</body>
</html>
