però ora ho un altro problemino...
cme faccio per posizionare ciò che ho all'interno del container nella posizione centrale verticalmente??in modo che mi resti un totale di px sia sopra il top che sotto il bottom???
il file index è sempre lo stesso riposto soltanto il css modificato:
Codice PHP:
html,body{
margin: 0px;
padding: 0px;
height: 100%;
background-color:#FFFF00;

}

div#container{
width:800px;
height:100%;
background-color:#CCFFFF;
font:Geneva, Arial, Helvetica, sans-serif;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}

div#top{
color:#FFFFFF;
text-align:center;
background-color:#000000;
width:100%;
float:left;
margin:auto;
height:15%;
}

div#center{
    float:left;
    vertical-align:middle;
    background-color:#ffffff;
    width:800px;
    height:500px;
    margin-top:auto;
}

div#bottom{
float:left;
text-align:center;
color:#FFFFFF;
background-color:#000000;
width:100%;
margin:auto;
padding:0px;
height:15%;
margin-top:-1px; /* PER NASCONDERE LA RIGA BIANCA DEL CENTER */


}
/* APERTURA STRUTTURA DEL CENTER */
div#testata{
float:left;
text-align:center;
background-color:#FF0000;
width:100%;
height:15%;
padding:0px;
margin:0px;
}

div#corpo{
float:left;
text-align:center;
color:#FFFF00;
background-color:#0000FF;
width:100%;
height:70%;
padding:0px;
margin:0px;
}

div#footer{
float:left;
text-align:center;
background-color:#FF0000;
width:100%;
height:15%;
padding:0px;
margin:0px;
}
/* CHIUSURA STRUTTURA DEL CENTER */ 
questo è quello che vorrei ottenere:

questo invece è quelloc he ottengo:
[IMG][/IMG]