Salve a tutti,

sto cercando di realizzare un layout con i css.
sono all'inizio per cui ho diversi problemini:
- vorrei che il contenuto della pagina sia interamente visualizzato, in quanto non supera l'altezza della finestra del browser.Questo non succede.





Ho provato vanamente a diminuire la percentuale dei valori nelle regole body,html,box.

Comunque vi posto tutto il codice in modo che possiate vedere meglio dove possa essere l'errore.

grazie


html {
height: 100%;
}

body {
background-color: #006A40;
text-align: center;
margin: 0px;
padding: 0px;
height: 100%;
}

#box {
background-color: #D9F2D9;
text-align: left;
width: 768px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: auto;
}

#top {
background-color: #D9F2D9;
background-image: url(images/logo.gif);
height:110px;
}


#middle {
background-color: #D9F2D9;
width: 508px;
float: left;
height: 100%;
margin: 0px;
}

#contenuto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #D9F2D9;
width: 409px;
margin-top: 20px;
margin-right: 9px;
margin-left: 9px;
}

#bottom {
background-color: #1E8D61;
height:40px;
}

#nav{
background-color: #FF9900;
padding: 10px;
margin-left: 260px;
text-align: center ;
}

#nav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
letter-spacing: 2px;
}

#nav a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

#nav a:hover {
color: #006A40;
text-decoration: none;
}

#left {
background-color: #FF9900;
background-image: url(sfondo.gif);
float: left;
width: 260px;
height: 100%;
margin: 0px;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #006A40;
}

/*parte inferiore della pagina contenente l'indirizzo*/
.indirizzo{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align: center;
padding: 12px;
color: #FFFFFF;
}

.images{
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
margin-top:10px;
margin-left:10px;
margin-right:5px;
margin-bottom:10px;
}

.kommentar{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin-left:10px;
margin-right:5px;
margin-bottom:5px;
color: #666666;
}

.autor{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
margin-left:10px;
margin-right:5px;
color: #666666;
}


/* collegamenti*/
.collega {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
text-align: right;
color: #FFFFFF;
margin-top: 10px;
margin-right: 15px;
}

.collega a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

.collega a:hover {
color: #006A40;
text-decoration: none;
}