Dunque questo è il layout senza tabelle che ho impostato.
dovrebbe avere:
1 Contenitore generale di dimensioni fisse non deformabile (almeno in larghezza)
all'interno ci sarebbero:
1 header (che ha sotto di se il div menù e quello centrale);
1 div menu' a sinistra
1 corpo centrale
1 div bottom (che ha sopra di se il div menù e quello centrale);
Il mio obiettivo era:
1 - avere, come detto sopra, un contenitore generale indeformabile di dimensioni fisse almeno in larghezza;
2 - le posizioni dei div interni devono essere fisse anch'esse.
3 - il corpo centrale potrebbe contenere un contenuto che eccadi le dimensioni quindi dovrebbe essere settato l'overflow.
Sulla base del mio obiettivo e considerando quello che ho scritto, mi sapreste dire che errori ho commesso o in che modo posso migliorarlo (se è da migliore ovviamente)?
**********************
<html>
<head>
<title>Prova</title>
<style type="text/css">
<!--
#contenitore {
width: 960px;
margin-top: 15px;
background-color: White;
position: relative;
left:50%;
margin-left:-480px;
overflow: auto;
}
#intestazione {
vertical-align: bottom;
background-image: url(img/testata.gif);
height: 100px;
}
#leftinc {
float: left;
width: 20%;
}
#leftinc .boxSX {
padding-top: 10px;
padding-left: 10px;
}
#central {
float: left;
width: 80%;
overflow: auto;
padding-bottom: 10px;
padding-right: 10px;
padding-top: 10px;
}
#sotto {
width: 100%;
height: 30px;
clear: left;
}
-->
</style>
</head>
<body>
<div id="contenitore">
<div id="intestazione">
HEADER
</div>
<div id="leftinc">
MENU DI SINISTRA
</div>
<div id="central">
CORPO CENTRALE
</div>
<div id="sotto">
FONDO PAGINA
</div>
</div>
</body>
</html>
*********************
Rispondi quotando
ehmmmm.... scusate...