Footer con Netscape

[Antonio85]

Ciao ragazzi,
ho un layout del tipo:

testata
--------
menu
testo
img
--------
footer

quindi con una testata, tre colonne al centro e un footer.
Ho posizionato quest'ultimo in maniera assoluta impostando bottom a 0px. con IE tutto perfetto ma con Netscape no. Il footer infatti, mi viene posizionato in basso alla finestra del broswer, non al sito. Se quindi ho la colonna centrale che è più lunga della finestra del broswer, il footer si va a sovrapporre a questa.

html, body {
   height: 100%;
   margin: 0px; padding: 0px;
   text-align: center
}

div#container {
   width: 760px; height: 100%;
   margin: auto;
   text-align: left;
   position: relative
}

div#testata {
   width: 100%; height: 98px;
   margin: 0px;
   padding-left: 10px;
   text-align: left;
   position: relative
   }

/* ------ PARTE CENTRALE ------ */

div#menu {
   width: 145px; height: auto;
   margin: 0px; padding: 10px 0px 35px 0px;
   float: left
   }

div#testo {
   width: 459px; height: auto;
   margin: 0px; padding: 10px 5px 35px 5px;
   float: left
   }

div#img {
   width: 145px; height: auto;
   margin: 0px; padding: 10px 0px 35px 0px;
   text-align: center;
   float: left
   }

/* ------ FINE PARTE CENTRALE ------ */

div#footer {
   width: 100%; height: auto;
   margin: 0px; padding: 2px;
   position: absolute; bottom: 0px;
   clear: both
   }

Come posso risolvere, possibilmente non utilizzando nessun javascript.
Grazie

[floyd46]

ciao
da quello che hai scritto, hai solo inserito nella pagina 5 DIV:
testa, 3 colonne e footer. Perchè non inserisci questi 5 DIV in un container, cioè un DIV che li contiene tutti?
non ha senso, secondo me, dare un posizionamento assoluto al footer e poi dare un clar:both;
Prova così e vedi cosa viene fuori.
ciao

[Antonio85]

Scusa, non l'ho specificato nella prima parte che il container già c'è con le proprietà descritte dall'id container. La proprietà clear l'avevo messa prima di impostare il posizionamento assoluto. Adesso l'ho tolta ma il problema è sempre lo stesso, il footer, con Netscape ultima versione, si posiziona in basso alla window sovrapponendosi quindi al testo.

[floyd46]

hai la pagina in rete?
scrivi il link e vediamo 1 pò come correggere.
ciao

[Antonio85]

La pagina in questione si trova all'indirizzo www.antonio-giuliana.it/new/
Per verificare il problema basta aprire quest'ultima con Netscape e rimpicciolire la finestra per notare che il footer si sovrappone a tutto il resto

[ptransidico]

Ciao prova il codice sotto; metti il ; alla fine di ogni comando e non impostare il lavoro tutto con il float left
E' probabile che ci sia del codice superfluo...
ciao


html, body {
height: 100%;
margin: 0px;
padding: 0px;
text-align: center;
}

div#container {
width: 760px;
height: 100%;
margin: 0 auto;
text-align: left;
position: relative;
}

body>div#container{height: auto; min-height: 100%}


div#testata {
height: 98px;
margin: 0px;
padding-left: 10px;
text-align: left;
}

/* ------ PARTE CENTRALE ------ */

div#menu {
width: 145px; height: auto;
margin: 0px; padding: 10px 0px 35px 0px;
float: left;
}

div#testo {
margin: 0px 145px 145px 0px ;
padding: 10px 5px 35px 5px;
float: left
}

div#img {
width: 145px;
margin: 0px;
padding: 10px 0px 35px 0px;
text-align: center;
float: right ;
}

/* ------ FINE PARTE CENTRALE ------ */

div#footer {
width: 100%; height: auto;
margin: 0px; padding: 2px;
position: absolute; bottom: 0px;
}

[Tokai]

io eliminerei il position absolute del footer:

div#footer {
   width: 100%; height: auto;
   margin: 0px; padding: 2px;
   clear: both
   }

e se hai paura di avere poco testo in div#testo, al css aggiungi:

div#testo {
   width: 459px; 
	min-height: XXXpx;
	height: auto !important;
	height: XXXpx;   
	margin: 0px; padding: 10px 5px 35px 5px;
	float: left
   }

al posto di xxx la misura che vuoi

[Antonio85]

Ragazzi purtroppo ho risolto solo aggiungendo un height: 85% al box del testo... non era quello che volevo in quanto non posso prevedere le dimensioni di un monitor e quindi non sono sicuro che il footer stia sempre in basso a tutto, ma è la soluzione che più si avvicina al mio obiettivo.
Le altre non andavano bene ma cmq mi sono servite.
Grazie

[Kibi]

Ma perché ti ostini a usare un posizionamento assoluto quando non ce n'è alcun bisogno? mah...

[Antonio85]

No, infatti impostando l'altezza del box del testo all'85% ho eliminato il posizionamento assoluto.
E se il sito si visualizzasse con un monitor più grande e magari anche a tutto schermo? Io purtroppo non posso provare ma secondo me con questa soluzione il footer non si troverebbe in basso a tutto, quindi il min-height non so se sarebbe utile quanto un posizionamento assoluto con bottom: 0. Vabbé, comunque questa sembra la soluzione che va meglio (con tutti i broswer).