Ho un layout impostato con i CSS, fatto secondo un'impostazione classica:
top - è la testata
menu - occupa la parte sx
dati - occupa la parte centrale e dx
Menu e Dati sono inseriti in realtà in una sezione Principale.
Ecco il codice CSS:
body {
background : #FFFFFF;
color : #7B6FA2;
font : 10px Tahoma, Verdana, Arial;
margin : 0px;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
padding-top : 0px;
text-align : center;
}
/* Stile della sezione "top" */
#top {
background: #FFFFFF;
border-bottom : 1px solid #CED900;
border-left : 1px solid #CED900;
border-right : 1px solid #CED900;
border-top : 1px solid #CED900;
margin : 10px auto 0px;
width : 700px;
height : 20px;
voice-family: "\"}\"";
voice-family:inherit;
width:698px;
}
/* Stile della sezione "principale" */
#principale {
background: #FFFFFF;
border-bottom : 1px solid #CED900;
border-left : 1px solid #CED900;
border-right : 1px solid #CED900;
border-top : none;
margin : 0px auto 10px;
width : 700px;
voice-family: "\"}\"";
voice-family:inherit;
width:698px;
}
/* Stile della sezione "menu" */
#menu {
background: #FFFFFF;
border : none;
margin : 20px 5px 0px 5px;
width : 120px;
float : left;
voice-family: "\"}\"";
voice-family:inherit;
width :120px;
}
/* Stile della sezione "dati" */
#dati {
background: #E9E9E9;
border : none;
margin : 5px 5px 10px 140px;
padding : 5px
width : 550px;
}
Ultima informazione: mentre il menu è di altezza fissa, uguale per tutte le pagine, la sezione dati è di altezza variabile, poichè i contenuti derivano dall'interrogazione di un database.
Ora, il problema che mi si presenta è il seguente: finchè la sezione dati è alta almeno quanto il menu tutto ok, ma nella situazione contraria il menu viene "tagliato" proprio all'altezza della fine della sezione dati.
Spero di essermi spiegato bene. Qualcuno ha un'idea di dove debba intervenire?
Grazie in anticipo
Francesco
Rispondi quotando
