Отправляет email-рассылки с помощью сервиса Sendsay

Верстка стилями по центру

Есть дизайн. Ширина фиксированная, уже размера экрана (1000 px)

Задача.

Вестать стилями:

Шапка три колонки

Контент три колонки

Подвал 2 колонки

Не могу сообразить, как это сделать.

Андрей Попов / Andrew Popov

www.photoreporter.ru <http://www.photoreporter.ru/>



библиотекa сайтостроительства http://www.i2r.ru/static/244/

Ответить   Fri, 30 Nov 2007 22:24:48 +0300 (#707581)

 

Ответы:

Приблизительно так:

<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/

Ответить   Mon, 3 Dec 2007 10:39:30 +0200 (#708158)