Probelma con footer che rimane in mezzo alla pagina!

[Daniele87]

Ciao. Ho un problema col footer della mia pagina.

Con i giusti stili sono riuscito a farlo stare sempre in fondo. Il problema è quando ho una pagina (http://www.sposiabc.it/incasamia/Default.asp?pag=1) che mi carica dinamicamente un po' di foto: il footer rimane a mezzapagina e non scende. Poi, se aggiorno la pagina, va al suo posto. Ci ho pensato un po' e ho scoperto che questo succede perchè, quando le immagini non si sono ancora caricate, il footer "crede" che la pagina termini lì. Infatti, ricaricando la pagina, il browser sa già che dimensioni hanno le foto e si posiziona di conseguenza.
La soluzione sarebbe quella di specificare nel tag <img> le dimensioni, ma ho immagini di dimensioni variabili, inserite dinamicamente. Ci sono altri modi per mettere il footer in fondo?
Help!

Il css è qui: http://www.sposiabc.it/incasamia/css/style.css

[ricman]

Originariamente inviato da Daniele87
Con i giusti stili sono riuscito a farlo stare sempre in fondo.

Forse non hai usato i giusti stili

Originariamente inviato da Daniele87
Il problema è quando ho una pagina (http://www.sposiabc.it/incasamia/Default.asp?pag=1) che mi carica dinamicamente un po' di foto: il footer rimane a mezzapagina e non scende. Poi, se aggiorno la pagina, va al suo posto.

Visitato... il problema io non lo riscontro (win+FF).
In generale il footer si mette "chiudendo" i vari float:left delle colonne con un bel "clear:both" (appunto nella definizione dello stile del footer stesso... e ce lo hai messo). Prova a togliere la position e il bottom.

Ciao

[Daniele87]

Uhm.. non credo sia un problema di stili, bensì di caricamento.
Forse dipende dalla velocità con cui ti si caricano le immagini: evidentemente hai una connessione più veloce della mia, tale che quando il browser arriva a posizionare il footer, tutte le immagini sono già state caricate e sa già quali sono le loro dimensioni. Invece da me la pagina si vede giusta solo la seconda volta che la carico.

Se tolgo position e bottom è ancora peggio: il footer si mette appena sotto il content e non rimane a piè di pagina.

[ricman]

Originariamente inviato da Daniele87
Se tolgo position e bottom è ancora peggio: il footer si mette appena sotto il content e non rimane a piè di pagina.

Infatti... è così che hai scritto l'html...
Hai messo:

<div id='content'>scheda e contenuti</div>
<div id='footer'>footer</div>

Mi pare giusto che il footer si metta sotto il content...

[Daniele87]

Originariamente inviato da ricman
Mi pare giusto che il footer si metta sotto il content...

Certo, deve andare sotto al content, ma se tolgo bottom e position vi si appiccica sotto. Mi spiego: se il contenuto della pagina è corto, il content finisce a metà pagina e il footer si mette esattamente sotto. Invece deve restare com'è ora, cioè che se anche c'è poco testo (per esempio nella home), rimane in fondo alla finestra.

[Daniele87]

up