Ecco il codice...
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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">
body {
background: #FFC;
text-align: center; /* allineamento centrale, per IE */
}
#container {
width: 80%;
margin: 3% auto; /* allineamento centrale, per FF */
border: 2px dashed #00F;
background: #FCF;
text-align: left;
}
#header {
clear: both;
height: 15%;
border-bottom: 1px solid #000;
background: #F90;
}
#advert1 {
width: 35%;
height: 15%;
padding: 3px 5px;
background: #CC0;
}
#wrapper {
float: left;
width: 70%;
background: #6F9;
}
#content {
margin: 0;
}
#banner {
clear: both;
height: 10%;
background: #C9F;
}
#user1 {
clear: both;
height: 15%;
background: #CCC;
}
#user2 {
float: left;
width: 49%;
height: 15%;
background: #69F;
}
#user3 {
float: right;
width: 49%;
height: 15%;
background: #FFF;
}
#user4 {
clear: both;
height: 15%;
background: #9C0;
}
#navigation {
float: left;
width: 30%;
background: #39F;
}
#footer {
clear: both;
height: 10%;
border-top: 1px solid #000;
background: #999;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<div id="advert1"> advertising 1 </div>
header
</div>
<div id="navigation"> navigazione </div>
<div id="wrapper">
<div id="content">
<div id="banner"> banner principale </div>
<div id="user1"> user 1: evento della settimana </div>
<div id="user2"> user 2: ultime forum </div>
<div id="user3"> user 3: annunci </div>
parte centrale
<div id="user4"> user 4: slideshow </div>
</div>
</div>
<div id="footer"> footer </div>
</div>
</body>
</html>
Rispondi quotando
