Fogli di stile: la pagina testata/menu/corpo pagina

[natasha]

Buongiorno a tutti,
ho creato una pagina con tre splendidi div:

<div id="mainbox">
<div id="testata">

</div>

<div id="colsx">

</div>

<div id="colmain">


Prova Prova Prova Prova</p>



Prova Prova Prova Prova</p>



Prova Prova Prova Prova</p>



Prova Prova Prova Prova</p>
(ripetuto una quarantina di volte)
</div>
<div id="mainbox">

Mi spiegate che devo mettere nel mio foglio di stile perchè testata rimanga alto sempre 200px, tutta la pagina 800px, la colonna di sinistra si mantenga di altezza sempre uguale a colmain (insomma, con lo stesso sfondo) e se in colmain ci sta un bel pò di roba, compaia una cristiana barra di scorrimento? O se proprio non è "accessibile": che devo fare perchè la testata rimanga alta sempre 200px e la colonna di sinistra si mantenga di altezza sempre uguale a quella di destra (insomma, con lo stesso sfondo)?
Per cortesia, qualcosa che poi in colmain ci possa mettere una tabella (accessibile) o un form (accessibile) senza che la pagina impazzisca... Ovviamente il tutto che funzioni almeno sotto Internet Explorer 6.0 e Firefox 1.0.
Kisses,

Nat

[miki.]

allora è probabile che ci siano degli errori cmq dovrebbe essere

#mainbox{
position:relative;
height:800px;}

#testata{
height:200px;}

#colsx{
position:absolute;
left:0px;
top:200px;
height:600px;
width:150px; /*qui imposti la larghezza della colonna di sx */
overflow:auto; /*questo fa comparire la barra di scorrimento se il testo è più lungo del div*/
}

#colmain{
position:absolute
top:200px;
left:150px; /* pari alla larghezza della colonna di sinistra, puoi eliminare questo e metterci margin-left:150px;, dovrebbe funzionare lo stesso*/
height:600px;
}
}

[natasha]

Mmmm.... io ho risolto così:

#mainbox {
}

#testata {
height: 200px;
overflow: auto;
}

#colsx {
float: left;
width: 20%;
height: 90%;
}


#colmain {
height: 90%;
overflow: auto;
margin: 0px 0px 0px 0px;
}

#footer {
clear: both;
margin: 0px;
padding: 0px;
}

Kisses,

Nat