layout 3 colonne

[neorf]

Salve, ho un problema con un layout tabeless a 3 colonne. Con firefox tutto ok, ma on IE, la colonna centrale me la fa appartire esattamente dove finiscono le altre.
La struttura in linea di massima per intendersi è questa:

<div id=colonna_sx>
</div>

<div id=colonna_dx>
</div>

<div id=colonna_centrale>
</div>

Poi nel CSS c'è il float a sx e dx. Devo usare qualche opzione particolare?
Thanks

[fcaldera]

<div id="cnt">
 <div id="colonna_sx">sx</div>
 <div id="colonna_centrale">cx</div>
 <div id="colonna_dx">dx </div>
</div>



#cnt {  width: 900px; height: auto; overflow: hidden;}
#cnt div { width: 298px; border: 1px #c00 solid; float: left; display: inline; }

varia le larghezze a tua discrezione
ricordandoti che la somma delle larghezze dei tre div
non devono superare quella del contenitore

[neorf]

Thanks, ma non mi funziona una mazza, allego il codice e mi date qualche consiglio su come realizzare il css e poi lo confronto su come l'ho fatto io? thanks

<div id="container">

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

    <div id="sidebar_right">
    </div>

    <div id="sidebar_left">
    </div>

    <div id="content_center">
    </div>

</div>

Questa è la struttura come dovrebbe essere con: larghezza totale sito 940 px.
Colonna sx 200 e colonna dx 150. Centrale 570px con 10 px di margine a sx e dx.
Naturalmente l'header deve essere 940 px.
Grazie

[neorf]

Allora, ora usando questa struttura:

<div id="container">

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

    <div id="sidebar_right">
    </div>

   <div id="content_center">
    </div>


    <div id="sidebar_left">
    </div>

    
</div>

La colonna di dx e quella centrale funzionano e sono allineate, mentre quella di dx parte dalla fine della seconda. come mai?

[fcaldera]

vediamo se riesco ad esserti utile.

<div id="container">

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

    <div id="cnt">
        <div id="sidebar_left" class="fl">left</div>
        <div id="content_center"  class="fl">center</div>
        <div id="sidebar_right"  class="fl">right</div>
    </div>
</div>

i div che metti in float avranno un loro contenitore

il css è sempre

#contenitore { width: 940px; }
#cnt {  width: 940px; height: auto; overflow: hidden;}
div.fl { float: left; display: inline; }

#sidebar_left { width: 200px; }
#sidebar_right { width: 150px; }
#content_center { width: 570px; margin : 0 10px;}

e nella pagina usa un doctype xhtml 1.0 strict.

provalo così, altrimenti posta un link alla pagina per vedere che cosa stai facendo... oppure il codice html e css

[neorf]

Allora ho risolto facendo in questo modo:

<div id="main">
 <div id="blocco1">
   <div id="testo_centrale"></div>
   <div id="col_sx></div>
 </div>
 <div id="col_dx"></div>
</div>

Poi ho messo i vari float. Praticamente ho messo la colonna di sx e la centrale nel blocco1, e la dx a parte con il float dx.
Ciao