Formattazione DIV

[lakota]

Buon giorno a tutti;
vorrei sottoporre un problema che stò riscontrando con i div.
Premette che li stò utilizzando da poco in sostituzione delle table.

in sostanza stò realizzando un template per joomla 1.0.12, ed avrei la necessità di avere una struttura di tipo tabellare. in pratica nel css ho il seguente codice:

#contenitore{
position:relative;
width:1000px;
height: auto;
}
#prodotti{
position:absolute;
top:8px;
left:8px;
/*height:367px;*/
height:auto;
width:305px;
color:#000000;
background:#ffffff;
}
#footer{
position:absolute;
top:511px;
left:0px;
height:29px;
width:1000px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:xx-small;
text-align:center;
color:#ffffff;
background:#0021b5;
}


nella pagina php:

<div id="contenitore">
<div id="prodotti">contenuto</div>
<div id="footer">contenuto</div>
</div>

Il problema che ho è che all'aumentare dei contenuti del div dei prodotti, lo stesso aumenta di altezza, ma "footer" non riesco ad adeguarlo facendolo scendere sotto prodotti.

Qualcuno può aiutarmi ?

[Mich_]

IL problema nasce dal fatto che usi i posizionamenti.
Con i posizionamenti sei TU che dici dove posizionare tutti gli oggetti, e dato che non hai il controllo sulle dimensioni degli oggetti, capitano questi problemi.

Devi quindi cambiare approccio e dimenticare l'attributo position.
In rete si trovano molti esempi di layout; nei "link utili" sono stati inseriti i riferimenti ad alcune raccolte, ma altri ne puoi trovare con un motore di ricerca.