Верстка стилями по центру
Есть дизайн. Ширина фиксированная, уже размера экрана (1000 px)
Задача.
Вестать стилями:
Шапка три колонки
Контент три колонки
Подвал 2 колонки
Не могу сообразить, как это сделать.
Андрей Попов / Andrew Popov
www.photoreporter.ru <http://www.photoreporter.ru/>
библиотекa сайтостроительства http://www.i2r.ru/static/244/
Приблизительно так:
<html>
<head>
<style type="text/css">
<!--
* { margin:0; padding:0;}
#container {margin: 0 auto;width:1000px; }
#head div, #body div { width:33%; float:left; height:100px;}
#footer div { width:50%; float:left;height:100px;}
/* Этот класс позволит дивам содержащим плавающие элементы сохранить высоту*/
clearfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
*html .clearfix {display:inline-block;}
</style>
</head>
<body>
<div id="container">
<div id="head" class="clearfix">
<div></div>
<div></div>
<div></div>
</div>
<div id="body" class="clearfix">
<div></div>
<div></div>
<div></div>
</div>
<div id="footer" class="clearfix">
<div></div>
<div></div>
</div>
</div>
</body>
</html>
библиотекa сайтостроительства http://www.i2r.ru/static/244/