<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Impaginazione colonne multiple</title>
<link rel="stylesheet" href="stile.css" type="text/css" />
</head>
<body>
<div class="header">Intestazione</div>
<div class="nav">
Primo Collegamento
Secondo Collegamento
Terzo Collegamento
Quarto Collegamento
</div>
<div class="content">
Lorem ipsum.......... </p>
</div>
</body>
</html>
----------------------------------------------------------------------------
.header{
background-color:#ff0000;
font-family:Arial, Helvetica, sans-serif;
font-size: 50px;
text-align:center;
font-weight:800;
border-bottom:3px solid black;
}
.nav{
background-color:#ffff00;
float:left;
width:30%;
}
.content{
background-color:#ACACAC;
width:70%;
float:right;
}
Perchè se in nav o content aggiungo i margini e il padding mi sbarella tutto? (in pratica content va sotto nav).