Ciao a tutti, premesso che sta mattina mi son letto guide ed articoli sul css, non riesco a capire perchè non funzioni, ho tentato questa via: http://css.html.it/guide/lezione/490...00-nei-layout/ ma non va.
Questo è il codice Css che uso, la pagina si visualizza correttamente, però sia il menu che il contenuto allungano la pagina e mi fanno scorrere in giu con la barra di scorrimento anche se in realta non ci sono contenuti. Se tolgo l'altezza ai due elementi però i div si adattano al testo e non va bene, vorrei che di base se ad esempio ci sono 3 linee di testo il div comunque occupi la schermata, un po come fatto qua appunto http://css.html.it/guide/lezione/490...00-nei-layout/

codice:
body {
margin:0px;
padding:0px;
font-family:verdana, arial, helvetica, sans-serif;
color:#333;
background-color:#CCCCCC;
height: 100%;
}

h1 {
margin:10px 10px 15px 10px;
padding:0px;
font-size:28px;
line-height:28px;
font-weight:bold;
color:#000066;
}

p {
font:12px verdana, arial, helvetica, sans-serif;
margin:10px 10px 16px 10px;
padding:0px;
}


#testata {
margin:0px;
padding:0px;
height:100px;
background-color:#000099;
background-image: url(sfondo.gif);
}


#menu {
position:absolute;
top:100px;
left:0px;
width:180px;
background-color:#FF00FF;
height: 100%;
}

#contenuto {
height: 100%;
margin:0px 0px 0px 180px;
padding:10px;
background-color: #FFFFFF;
}