Ciao a tutti.
Ho provato e riprovato... ma senza successo. Credo ci sia qualcosa che non capisco:
ho il problema del footer, che si mangia il contenuto della pagina. Ho effettuato ricerche sul forum, provando soluzioni suggerite, ma nulla:
Provo a spiegarmi:
La pagina è:
http://www.wowline.it/fotogallery2.asp
Il css:
L'html (sintetizzato):codice:html, body { margin: 0; padding: 0; height: 100%; background-image: url(imagesnew/sfondo.jpg); background-repeat: repeat-y; background-position: center; font: small Verdana, Arial, sans-serif; background-color: #99CCFF; } #container { width: 770px; margin: 0 auto; position: relative; min-height: 100%; height: auto !important; height: 100%; } #footer { padding: 0; height: 44px; background-color: #fff; border-top: 1px solid #555; position: absolute; bottom: 0; clear: both; width: 100%; } .chiudifloat { clear: both; height: 0; font-size: 0; /* questo serve solo per IE6 */ }
Se clicco l'album "compagnia della moto" si nota come il footer sia troppo in alto, tanto da "mangiare" le ultime foto.codice:<html> ... <head> ... </head> <body> <div id="container"> <div id="masthead"> (header con i pulsanti) </div> <div id="titolopagina"> (titolo in grassetto) </div> <div id="fotogallery"> (tabella con contenuto della pagina) </div> <br class="chiudifloat"> <div id="footer"> </div> </div> </body> </html>
Allora, provo ad inserire nella definizione del container un padding-bottom: 66px, tanto per permettere al footer di non coprire il contenuto, ma si manifesta un nuovo problema:
sulla pagina http://www.wowline.it/fotogallery2.asp, ad esempio, il contenuto della pagina non riempie la finestra e il footer si sposta troppo in basso, subito dopo il bordo inferiore della finestra, lasciando un spazio vuoto tra il contenuto e il footer stesso.
Spero di trovare qualche buon'anima con un pò di pazienza...e soprattutto spero di essere stato chiaro.
Ciao e grazie.
Alex - PD

Rispondi quotando