Problemi con il Footer

[lucker]

perché il mio 'footer' si posiziona bene con IE, cioè dopo il contenuto della pagina, mentre con firefox si posiziona a metà della pagina, creando sovrapposizione di contenuti ?

div#footer{
text-align:center;
color:#263776;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
background-color: #9ea6c2;
height:20px;
line-height:20px;
vertical-align:middle;
margin: 0 auto;
margin-top:10px;
}

[LA VALE]

Prova ad aggiungere nel css:

clear: both;

Oppure crea un div apposito vuoto, a cui applichi il clear:both; e lo piazzi immediatamente prima del footer....

[lucker]

purtroppo non funziona. La struttura è questa

container
header

content con split 3 colonne

footer

In firefox il footer si allinea al primo div dello split, mentre in IE si allinea, correttamente, allo split.

[LA VALE]

Le tre colonne hanno la proprietà float?

Se hanno la proprietà float devi eliminarla con l'attributo clear, altrimenti, il footer floaterà intorno alle colonne...

Prova a postare il codice, magari sbaglio io

[lucker]

sì, sono float:left, però dopo le 3 colonne ho messo un div con clear:left, sempre dentro il content, mentre il footer è fuori dal content.

Quello che non riesco a capire dove sta la differenza di interpretazione tra i due browser.

Il footer è l'ultimo div, e dovrebbe allinearsi al content che lo precede ......

[LA VALE]

Forse ci siamo...

Metti il div con clear: left; FUORI dal tuo div content....

[lucker]

penso di aver già risolto, ho tolto un height del div. Si vede che IE non lo considerava e si adattava al contenuto superiore al valore height, mentre firefox lo considerava allineando così il footer a quel valore.....

..... non canto ancora vittoria, provo a toglierlo da tutte le pagine.

se non funge proverò ad usare anche il tuo suggerimento

grazie.

[LA VALE]

Spero ti funzioni tutto ora

[lucker]

sembra che così funzioni. Nelle pagine con poco contenuto ho dovuto lasciarci l' heigth per non sovrascrivere la colonna fissa di sx, mentre dove ho molto contenuto ho tolto l' height.