Ciao,

impostando la height:100% in un layout a tre colonne con posizionamento assoluto riesco ad ottenere la stessa altezza per tutte le colonne (con tre colori di sfondi differenti e dove per specifiche richieste non posso usare immagini per nessuno sfondo).
Tuttavia se il contenuto di una di queste eccede l'altezza della pagine e si richiede di eseguire lo scroll verticale per visualizzarne i contenuto, lo sfondo termine a fine pagina(come per le altre colonne).

Impostando heigh:auto, le dimensioni della colonna vanno ad adattarsi al contenuto, ma ovviamente perdo poi l'allineamento delle colonne poiché ognuna avrà una propria altezza.

Come potrei risolvere questo problema? Grazie in anticipo!!!

(Omettendo la parte relativa all'HEADER)
CSS:
codice:
 #maincontainer {position: absolute; top: 105px; left: 0; right: 0; bottom: 0;  }
 
 #framecontentLeft, #framecontentRight{
height: 100%;
overflow: visible;
color:black; font:7.5pt verdana; line-height:13px; border:1px solid black;}
 
 #framecontentLeft{ position: absolute; top: 0px; left: 0; width:230px; background-color:#efefac;}
 
 #framecontentRight{ position: absolute; left: auto; right: 0; width: 250px; background-color:#ffff99;}
 
 #maincontent{ position:absolute; top:0; left:230px; right:250px; bottom:0;  background:#dddfff; font:8pt verdana; line-height:150%;  border-right:1px dashed Silver; border-left:1px dashed Silver}
 
 .innertube{margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/}
HTML
codice:
<div id="maincontainer">

    <div id="framecontentLeft">
         <div class="innertube">
             

LEFT  COL - FIXED 230px

SOME TEXT....<script type="text/javascript">filltext(2)</script>END</p>   
             <div class="leftContainer">
               some content ...         
        </div>        
    </div>

    <div id="framecontentRight">
        <div class="innertube">
            

some LONG LONG content ...(more than 100% page height)     </p>
        </div>
    </div>

    <div id="maincontent">
        <div class="innertube">

            

 some content ...         </p>
        </div>
    </div>

</div>