Per un sito a misura fisse, un struttura di base sarebbe:
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>...</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#wrapper{
width: 900px;
margin:auto;
}
#header{
height:150px;
background-color:red;
}
#menu{
height:50px;
color:white;
background-color:black;
}
#left_col{
width:700px;
float:left;
background-color:gray;
}
#moduli{
height:100px;
background-color:green;
}
#contenuto{
height:400px;
}
#right_col{
width:200px;
height:500px;
float:left;
background-color:blue;
}
#footer{
clear:both;
height:100px;
background-color: yellow;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="header">TOP</div>
<div id="menu">MENU</div>
<div id="main">
<div id="left_col">
<div id="moduli">MODULI</div>
<div id="contenuto">CONTENUTI DEL SITO</div>
</div>
<div id="right_col">BANNER PUBBLICITARI</div>
</div>
<div id="footer">BANNER FOOTER</div>
</div>
</body>
</html>
Copia/incolla/salva come file .html e avrai il tuo disegno.
Le misure che ho usato sono a caso e non sei obbligato specificare un altezza per #contenuto e #right_col