@sgambetti
Ti ho mandato la risposta al tuo messaggio in PVT
Comunque posto i codici:
Codice HTML
<!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> Homepage - Benvenuti</title>
<link rel="stylesheet" href="prova1.css" type="text/css">
</head>
<body>
<div id="container">
<div id="header">
<div id="logo">Logo</div>
<div id="prosa">Prosa</div>
<br class="clear" />
</div>
<div id="menu-alto">menu alto</div>
<div id="contenuto">
<div id="menu-verticale">menu verticale</div>
<div id="contenitore-vuoto">
<h1>Contenitore vuoto</h1>
</div>
<div id="footer">
Copyright 2007 Inc. All Rights Reserved.
</div>
</div>
</div>
</body>
</html>
Codice CSS
.clear
{clear: both;}
div#container
{
width: 752px;
background: #000;
}
div#header
{
height: 120px;
background: #fc0;
}
div#logo
{
float: left;
margin: 10px;
width: 125px;
height: 83px;
background: #999;
}
div#prosa{
width: 300px;
height: 83px;
float:right;
margin: 10px;
font: Verdana;
font-size:11pt;
font-weight:bold;
font-style:italic;
color:#000080;
background: #666;
}
div#menu-alto{
width:752px;
height:49px;
margin-top:15px;
text-align:right;
background: #fc0;
}
div#menu-verticale
{
float: left;
width: 150px;
height: 250px;
background: #f60;
}
div#contenitore-vuoto
{
float: right;
width: 600px;
height: 350px;
background: #777;
}
div#footer
{
clear: both;
height: 40px;
background: #f20;
}
Buona Giornata