Problemi con i css/html (layout tre colonne)

Mer 24 Ago 2005 13:16:23 CEST

Salve a tutti,
sto facendo un layout per un sito (php).

Questo layout utilizza i css: contenuti in html e impaginazione/grafica 
con i css.

Ho il seguente problema:

Lo schema è questo:
-------------------------------------
|    HEADER                        |
-------------------------------------
|      |             |             |
|      |             |             |
|menu 1|  contenuti  |menu 2       |
|      |             |             |
|      |             |             |
|      |             |             |
|      |             |             |
-------------------------------------
|    FOOTER                        |
-------------------------------------

ovvero un layout fluido a tre colonne.

Ogni parte (header, footer menu ecc) è realizzato logicamente mediante 
un div.

Vorrei realizzare che l'altezza dei tre div corrispondenti a menu1, 
menu2 e contenuti sia determinata dall'altezza del div con altezza maggiore.

Non sono riuscito a trovare una soluzione soddisfacente. Mi potete aiutare?
Ho provato ad includere i tre div in un div esterno. Se dò al div 
contenitore altezza in pixel e ai div interni altezza auto tutto 
funziona. Ma poichè il div esterno deve aver lunghezza variabile, il 
tutto non funziona...

Grazie...

Per comodità vi allego il codice:

=============================
    CODICE HTML
=============================
<body>

    <div id="header">
        CONTENUTI HEADER
    </div>

    <div id="leftcolumn">
    MENU 1

        <div id="sanlucasx">     
    QUI E' PRESENTE UNA BARRA ARANCIONE DECORATIVA POSTA A FIANCO DEL MENU1
        </div>
    </div>
    <div id="rightcolumn">

    MENU 2
    </div>

   <div id="content">                         

    QUI CI VANNO I CONTENUTI          

        </div>

        <div id="footer">
    QUESTO E' IL FOOTER        
        </div>

</body>

=============================
    CODICE CSS
=============================

/*CODICE BODY*/
body {color: black; background: white; margin: 0; padding: 
0;font-family: Verdana, Arial, Helvetica, sans-serif;}

/*CODICE HEADER*/
div#header{background-color: #235bd9; width:100%;height:126px;}
div#headerbar{background-color: #5a7fdb; height:20px;float:clear; }

/*CODICE MENU1*/
div#leftcolumn{background-color:#D8DaE7;width: 231px;font-size:12px; 
float:left;background-image: url(menusx.bmp); height:1000% }

/*CODICE BARRA DECORATIVA*/
div#sanlucasx{background-image: url(parrocchia.bmp); 
position:relative;bottom:0px;float:right;width:30px;height:199px;}

/*CODICE MENU2*/
div#rightcolumn{background-color:#D8DaE7;width: 231px;font-size:12px; 
float:right;background-image: url(menusx.bmp);height:1000% }

/*CODICE CONTENUTI*/
div#content{margin-left:231px;margin-right:231px;}

/*CODICE FOOTER*/
div#footer{background-color: #5a7fdb; height:70px;clear:both; }