Ho un layout di tre colonne a posizionamento assoluto. So che la colonna contenuti, quella centrale deve essere più lunga delle altre due colonne. Ma c'è un modo per far si che la terza colonna possa essere più lunga, senza che il foot si attacchi proprio sotto la colonna contenuti sovrapponendomi alla terza colonna?
div#container{position: relative; width: 760px;margin: 0px auto;
border: 1px solid #000; background-color: #EDF5FA;color: #3fa1c9;text-align: left}
div#navigation{position: absolute; top: 120px; left: 0;
width: 110px;\width:110px;w\idth:100px;padding: 1em 0 0 10px}
div#extra{position: absolute; top: 120px; right: 0;
width: 180px;\width:190px;w\idth:180px;padding: 1em 5px}
div#content{
margin: 0 190px 0 110px;
padding: 1em 10px;
background-color: #fff;
background-image: url(../pix%20grafica/logo.jpg);
background-position: center top;
background-repeat: no-repeat;
}...
L'html è
...
<div id="container">
<div id="content"></div>
<div id="navigation"></div>
<div id="extra"></div>
<div id="foot"></div>
</div>
Devo mettere un ulteriore contenitore posizionato in modo assoluto che mi prenda solo i contenuti centrali?