Salve, questa è la struttura html della pagina:
<br>
<br>
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">Codice:</div>
<pre class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px; overflow: auto; width: 640px; height: 226px;"><div dir="ltr" style="text-align: left;"><br><br><body><br><div id="container">
<br><br><div id="newstime"><br><div id="news"><br></div></div><br><br><div id="footer"><br></div><br></body><br><br></div></pre>
</div>
<br>
<br>
questo è il css relativo:
<br>
<br>
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">Codice:</div>
<pre class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px; overflow: auto; width: 640px; height: 562px;"><div dir="ltr" style="text-align: left;"><br><br>#news { <br>position: relative;<br>background: #E6E6E6;
<br> border: solid 1px #000;<br> margin: 0px auto;<br> font-family: verdana;<br> font-size: 11px;<br> padding: 6px;<br> }<br><br>#newstime { position: relative;<br> margin: 0px auto;
<br> font-family: verdana;<br> font-size: 11px;<br> padding: 6px;<br> }<br><br>#container { position: relative;<br> width: 50%;<br> border: solid 1px #000;<br>
margin: 0px auto;<br> font-family: verdana;<br> font-size: 11px;<br> padding: 6px;<br> min-height: 600px;<br> }<br><br>#footer { position: absolute;
<br> bottom: 0px;<br> width: 100%;<br> }<br><br></div></pre>
</div>
<br>
<br>
Quello che vorrei è che #footer rimanesse sempre appunto al bottom del
div esterno #container. C'è un problema che non riesco a risolvere.
<br>Così #footer rimane dove voglio io ma quando l'height delle news
supera o raggiunge l'altezza minima, il #footer rimane sempre al bottom
del div esterno ma si accavalla all'ultima news. Come posso risolvere
il problema?<br clear="all"><br>-- <br>www . dierrelabs . org<br>