Salve, questa è la struttura html della pagina:
Codice:
<body>
<div id="container">
<div id="newstime">
<div id="news">
</div></div>
<div id="footer">
</div>
</body>
questo è il css relativo:
Codice:
#news {
position: relative;
background: #E6E6E6;
border: solid 1px #000;
margin: 0px auto;
font-family: verdana;
font-size: 11px;
padding: 6px;
}
#newstime { position: relative;
margin: 0px auto;
font-family: verdana;
font-size: 11px;
padding: 6px;
}
#container { position: relative;
width: 50%;
border: solid 1px #000;
margin: 0px auto;
font-family: verdana;
font-size: 11px;
padding: 6px;
min-height: 600px;
}
#footer { position: absolute;
bottom: 0px;
width: 100%;
}
Quello che vorrei è che #footer rimanesse sempre appunto al bottom del div esterno #container. C'è un problema che non riesco a risolvere.
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?