Torna al Thread
<!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></title>
<style type="text/css">
body
{
font-family: Tahoma, Helvetica, sans-serif;
font-size: medium;
}
#container
{
margin: 10px auto;
width: 900px;
}
#header
{
height: 100px;
margin-bottom: 10px;
background-color: #DEDEDE;
padding:5px;
}
#top
{
width: 900px;
margin: 0px 0px 10px 0px;
background-color:#CBACBA;
}
#content
{
width: 900px;
margin: 0px 0px 10px 0px;
background-color:#ABCABC;
}
#SX
{
float: left;
width: 280px;
padding: 5px;
margin-right: 10px;
background-color: #AAAAAA;
}
#CX
{
width: 290px;
float: left;
padding: 5px;
margin-right: 10px;
background-color: #BBBBBB;
}
#DX
{
float: right;
width: 280px;
padding: 5px;
background-color: #CCCCCC;
}
.footer
{
clear: both;
text-align: center;
padding: 10px 0 10px 0;
}
#bottom
{
height: 120px;
margin-top: 15px;
padding-top: 15px;
background-color: #DEDEDE;
color:Teal;
text-align: center;
}
</style>
</head>
<body id="body">
<div id="container">
<div id="header">
<h1>CONTENUTO</h1></div>
<div id="top">
<div id="SX">
<h2>
SINISTRA</h2>
<p>
Lorem ipsum ...</p>
<p>
Lorem ipsum ...</p>
</div>
<div id="CX">
<h2>
CENTRO</h2>
<p>
Lorem ipsum ...</p>
</div>
<div id="DX">
<h2>
DESTRA</h2>
<p>
Lorem ipsum ...</p>
</div>
<div class="footer">
</div>
</div>
<div id="content">
<h1>
Contenuto della pagina</h1>
<p>
Lorem ipsum ...</p>
</div>
<div id="bottom">
<p>
CONTENUTO</p>
</div>
</div>
</body>
</html>