layout a 3 colonne e problema con clear

[Sgro]

Layout a tre colonne + testata con div, fluido (si adatta alle preferenze dell'utente)
Se vuoi rimuovere la testata, basta che togli il div relativo e cambi nei selettori colonnasx, centro e colonnadx la proprietà top avvicinandola al bordo superiore del browser (ad es. 1em)

        #testata
        {
            position : absolute;
            top : 1em;
            left : 0.5em;
            right : 0.5em;
            height : 4em;
            border : 1px solid green;
            text-align : center;
        }

        #colonnasx
        {
            position : absolute;
            top : 6em;
            left : 0.5em;
            min-height : 30em;
            width : 8em;
            border : 1px solid black;
            padding : 0 0.5em;
            text-align : center;
        }
        
        #centro
        {
            position : absolute;
            top : 6em;
            min-height : 30em;
            left : 10em;
            right : 10em;
            border : 1px solid red;
            padding : 1em;
        }
        
        #colonnadx
        {
            position : absolute;
            top : 6em;
            right : 0.5em;
            min-height : 30em;
            width : 8em;
            border : 1px solid black;
            padding : 0 0.5em;
        }

questo è il semplicissimo html

<div id="testata"></div>
<div id="colonnasx"></div>
<div id="centro"></div>
<div id="colonnadx"></div>

Testato su IE6, e IE7, Firefox e Opera, non da problemi di visualizzazione. Se l'utente cambia risoluzione o aumenta/diminuisce la dimensione del testo nel browser, la struttura si adatta automaticamente. Ricorda semplicemente di usare come unità di misura "em" anche per i testi nel sito, in modo che anch'essi si ridimensionino automaticamente.

Per ogni chiarimento, chiedi pure.

Ciao