Un esempio su cui sperimentare:
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">
<!--
#main {
width: 1200px;
margin:0 auto;
}
#colonnaSinistra {
float:left;
width:1000px;
}
#colonnaDestra {
float:right;
width:200px;
}
#menuOrizzontale {
border:5px solid #99CCCC;
margin-right:15px;
}
#menuVerticale {
border:5px solid #99CCCC;
margin-top:20px;
}
-->
</style>
</head>
<body>
<div id="main">
<div id="colonnaSinistra">
<div id="menuOrizzontale">Inserire qui il menu orizzontale</div>
<div>inserire qui i contenuti</div>
</div>
<div id="colonnaDestra">
<div id="menuVerticale">Inserire all'interno di questo div il menu verticale</div>
<div>Inserire qui altri contenuti eventuali della colonna destra o rimuovere il div</div>
</div>
<div style="clear:both;"></div>
</div>
</body>
</html>
Rispondi quotando
