Ho questo markup
Codice PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<
html>
    <
head>
        <
meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
        <
link rel="stylesheet" type="text/css" href="/templates/default/css/style.css">
        <
title>Titolo</title>
    </
head>
    <
body>
        <
div id="container">
            <
div id="header">Header</div>
            <
div id="navigation">Navigation</div>
            <
div id="extra">Extra</div>
            <
div id="content">
                <
div style="float:right">rightcontent</div>
                <
div style="float:left;">leftcontent</div>
                <
div>bottomcontent</div>
                </
div>
                <
div id="footer">footer</div>
            </
div>
        </
div>
    </
body>
</
html
e questo css
codice:
html,body{margin: 0;padding:0;}
div.#container{width: 100%;}
div.#navigation{float: left; width: 200px;}
div.#extra{float: right; width: 180px;}
div.#content{margin: 0px 180px 0px 200px;}
div.#footer{clear:both;}
Il layout generale va bene (header,navigation,content,extra,footer)
Il problema viene quando passo al contenuto del content
Facendo in quesot modo il <div id="contentbottom"> si posiziona in mezzo agli altri due <div> della sezione (id="contentleft" e id="contentright").. mentre io vorrei si piazzasse ovviamente sotto
Non posso mettere nel contentbottom il clear, poichè mi influisce anche con le altre due colonne floattate (navigation e extra)
Per ora ho risolto mettendo width=50% ad entrambi i content, costringendo quindi contentbottom a mettersi sotto
E' la soluzione migliore? C'è qualcosa di meglio
Contante che non posso cambiare il markup più di tanto, poichè è tutto "statico" tranne la il contenuto dei 5 div principali (header, navigation, content, extra, footer). In pratica quei 3 div (contentright, contentleft, contentbottom) sono creati dinamicamente in php e li devo ficcare lì dentro, ma non sempre vengono creati in questa forma (a volte devo crearne uno singolo grosso, o due colonne o anche tabelle e altre cose delle più varie)
Qualcuno ha una soluzione che reputa più corretta del "width:50%" messo a contentright e contentleft?

Sono apprezzate anche critiche in ogni forma e colore, ma tenete presente che
Le dimensioni in pixel delle colonne (navigation e extra) sono state esplicitamente richieste, nonostante i consigli per fare tutto più "fluido" con gli em.