Справочник верстальщика

Создай свой сайт!

Трехколоночный макет

<html>

<head>

<meta charset="utf-8">

<title>Одноколоночный макет</title>

<link rel="stylesheet" href="style.css>

<body>

<div class="box">

<header> </header>

<nav> </nav>

<aside> </aside>

<section> <section>

<footer> <footer>

</div>

</body>

</html>

*{margin:0 auto;}

header{height:150px; background:green;}

nav{height:300px; width: 40%; float:left; background:red;}

aside{height:300px; width: 40%; float:right; background:yellow;}

section{height:300px; background:black;}

footer{height:150px; background:blue;}