problema con posizionamento di un div

**iDleR** · 04-05-2006, 21:38

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?

**iDleR** · 05-05-2006, 10:43

up

**iDleR** · 05-05-2006, 18:21

questo è l'errore.

**iDleR** · 06-05-2006, 00:19

nessuno che sa aiutarmi?

**mssv** · 06-05-2006, 05:11

non pernso ci sia bisogno di usare position absolute per il footer. Inoltre prova ad aggiungere clear:both;

**felixsuperstar** · 06-05-2006, 10:01

codice:

<body>
<div id="container">

<div id="newstime">
<div id="news">
</div></div>

<div id="footer">
</div>
</body>

Qui se noti non tutti i div aperti vengono chiuso...provato a chiuderli tutti?
il footer mettilo dentro il container..

**iDleR** · 06-05-2006, 10:06

No quello è stato un errore nello scriverlo qui. In realtà manca il div di chiusura del container sotto il footer, ma nella pagina reale c'è.
Il problema di fondo è che come ho scritto io il footer rimane sempre nel piè pagina del container ma quando l'altezza complessiva delle news supera l'altezza minima del conteiner allora il footer si sovrascrive all'ultima news.

Discussione: problema con posizionamento di un div

Strumenti discussione

Ricerca discussione

Visualizza

problema con posizionamento di un div

Permessi di invio