Logo

Codice

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