Salve ragazzi, ho un piccolo problema con la struttura di un template.

Praticamente dovrei avere una struttura di questo genere:

WAPPER

Box contenuto
box modulo
box mappa
FINE box contenuto

box footer
FINE box footer

FINE WAPPER

Allora, il box contenuto contiente talvolta altri 2 box, modulo e mappa, i quali dovranno essere affiancati.
Sotto al box contenuto dev'esserci subito il footer.

Il mio problema sorge quando vado ad affiancare modulo e mappa, quando utilizzo il float, si affianca a questi 2 div anche il footer, e non va bene.

Qualcuno può aiutarmi? grazie anticipatamente.


codice:
<style type="text/css">
<!--
div#contenuto { font: 12px Tahoma; }

div#modulo { float: left; }

div#mappa { float: left; }

div#footer {...mie regole; }
-->
</style>

<body>
WAPPER
<div id="contenuto">
        <div id="modulo"></div>
        <div id="mappa"></div>
</div>

<div id="footer"></div>
FINE WAPPER
</body>
Volevo chiedere un'altra info:

Io utilizzo un div chiamato WAPPER il quale contiente tutti gli altri elementi, il footer e meglio inserirlo all'interno del WAPPER oppure fuori?

Grazie anticipatamente!