<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Layout a due colonne liquido</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<style type="text/css">
body {
margin:0px;
padding:0px;
font-family:verdana, arial, helvetica, sans-serif;
color:#333;
background-color:#CCCCCC;
height: 100%;
}
h1 {
margin:10px 10px 15px 10px;
padding:0px;
font-size:28px;
line-height:28px;
font-weight:bold;
color:#000066;
}
p {
font:12px verdana, arial, helvetica, sans-serif;
margin:10px 10px 16px 10px;
padding:0px;
}
#testata {
margin:0px;
padding:0px;
height:70px;
background-color:#000099;
background-image: url(sfondo.gif);
}
#menu {
position:absolute;
top:70px;
left:0px;
width:20%;
background-color:#CCCCCC;
height: 100%;
}
#contenuto {
margin:0px 0px 0px 180px;
padding:10px;
background-color: #FFFFFF;
}
</style>
</head>
<body>
<div id="testata"><img src="sfondo.gif" alt="Logo"
/></div>
<div id="menu">
<h1>Menu</h1>
<p>Menu 1</p>
<p>Menu 2</p>
<p>Menu 3</p>
<p>..........</p>
<p>..........</p>
</div>
<div id="contenuto">
<h1>Codice</h1>
<p>.......</p>
</div>
</body>
</html>