Altezza 100%

[biggiebi]

Ciao. Allora. Sto provando e riprovando ad adattare l'altezza del div principale pari alla altezza della pagina a prescindere dal suo contenuto. Ma non capisco dove sbaglio.
Posto il codice:
l'id wrapper è la parte principale del sito va da sopra a sotto.
body è la parte principale tra top e footer.

body
{
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom:0px;
background-color:#ffffff;
background-image:url(bg.png); background-repeat:repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
height:100%;
}

#wrapper
{
width:1010px;
margin:0 auto;
background-image:url(bg_wrapper.png);
background-repeat:repeat-y;
background-position:center;
padding-left:20px;
}

#body
{
padding:5px;
padding-bottom:0px;
padding-top:0px;
width:980px;
min-height:100%;
height:auto !important;
height:100%;
}

[paxal78]

non vorrei dirti una cavolta ma devi impostare altezza 100% anche al tag html

[biggiebi]

si infatti era proprio cosi. direi che questa l'ho risolta.

[biggiebi]

ora ho un altro problemino.
se andate sul sito capite meglio
www.saragozzalions.it

la colonna di sinistra quella in grigino vorrei che anche se non ci fossero contenuti continuasse fino in fondo.

la pagina è cosi composta

<wrapper>

<content>

<table con due colonne>

<colonna sx>

<colonna dx>

</table>

</content>

</wrapper>

il wrapper mi si estende tutta pagina inserendo questo codice

#wrapper
{
width:1010px;
margin:0 auto -25px;
background-image:url(bg_wrapper.png);
background-repeat:repeat-y;
background-position:center;
padding-left:20px;
min-height:100%;
height:auto !important;
height:100%;
}

html,body
{
height:100%;
}