Molti mi hanno detto che devo lascire perdere i frame, perchè orami è una tecnologia obsoleta.
Quindi cercando e ricercando ho provato con questo codice. Cosa ne pensate?
codice:
<html>
<head>
<title>Prova</title>
<style type="text/css">
body {background-position: 0% 0%;
margin: 15px;
font-family:Verdana,Tahoma,Arial; font-size:11px; background-image: none;
background-repeat: repeat;
background-attachment: scroll;
}
#header {clear:both; height:100px; margin-bottom:15px; padding:10px; background:#FFF;}
#corpo {clear:both; padding:10px; margin-bottom:15px; background:#FFF;}
#col_sx {float:left; width:20%; margin-right:15px; border:#CCC 1px solid;}
#col_dx {float:right; clear:right; width:20%; border:#CCC 1px solid;}
#content {float:left; width:55%;}
#footer {clear:both; height:100px; padding:10px; background:#FFF;}
div.separatore {clear:both;}
.auto-style1 {
text-align: center;
}
</style>
</head>
<body style="width: 661px; height: 540px; background-color: #339966;">
<div id="header" class="auto-style1" style="width: 915px; height: 48px">Header</div>
<div id="corpo" style="width: 915px">
<div id="col_sx" style="width: 21%">Colonna sinistra
</div>
<div id="content" style="width: 55%; height: 444px">Contenuti
</div>
<div id="col_dx" style="width: 21%">Colonna destra
</div>
<div class="separatore"></div>
</div>
<div id="footer" style="height: 48px; width: 915px">Footer</div>
</body>
</html>
Il problema è che non riesco a fare delle cose che con i frame facevo.
- Dividere la colonna sinistra e destra con i "contenuti" proprio come è divisa la Header con quella centrale
- Far andare tutti i link dei menù sulla pagina centrale "contenuti"
- Far andare il tutto verso il centro