Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12

Discussione: problema con footer

  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    513

    problema con footer

    allora, mentre con FF va tutto ok, in ie ho in problema! sebbene ho annullato tutti i margini al body, sotto il footer mi resta un piccolo spazio abbastanza sgradevole!
    questo è il codice del footer:

    XHTML
    codice:
    <div id="footer">
                     [img]immagini/footer_sx.jpg[/img]
                    
    
    xxxxx</p>
               </div>
    CSS
    codice:
    div#footer {
               background-image: url(immagini/sfo_footer.jpg);
               background-repeat: repeat-x;
               background-color: #999999;
               border-bottom: 2px dashed #cccccc;
               height: 45px;
               text-align: center;
               clear: both;
               /*REGOLE PER IL FOOTER SEMPRE A FONDO PAGINA*/
               position:absolute;
               bottom: 0;
               width: 100%;
    }
    /*PARAGRAFO DEL FOOTER*/
    div#footer p {
               font: bold 13.5px "Courier New", "Lucida Sans Typewriter", Arial, tahoma, Sans-serif;
               letter-spacing: -0.3px;
               color: #000000;
               margin: 0;
               padding: 25px 0 0 0;
    }

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    513
    Allego un paio di immagini, questa visitando la pagina con IE.
    il bordo inferiore tratteggiato è inizialmente blu credo perchè in quel punto c'è 1 immagine di sfondo che si protrae fino a fondo pagina...ma anche eliminando il bordo resta comunque uno spazio vuoto sotto..
    Immagini allegate Immagini allegate

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    513
    Questa vedendo la pagina con FF:

    Grazie a chi mi aiuterà!
    Immagini allegate Immagini allegate

  4. #4
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    513
    nessuno ne ha idea?
    Io ho verificato che il problema è causato dalla parte di CSS necessaria ad avere il footer sempre a fondo pagina:
    codice:
     /*REGOLE PER IL FOOTER SEMPRE A FONDO PAGINA*/
               position:absolute;
               bottom: 0;
               width: 100%;
    ma non ho idea su come ovviare..

    specifico che per avere il footer sempre a fondo pagina ho utilizzato questo metodo:

    http://css.html.it/guide/lezione/64/...ma-del-footer/

    aggiungendo un: <br style="clear: both;"> subito prima di chiudere il div centrale di un alyout a 3 colonne fluido
    grazie mille a tutti

  5. #5
    ma il problema è il bordo "dashed" ??

    codice:
    border-bottom: 2px dashed #cccccc;
    ???

    oppure il fatto che il footer non aderisce al margine inferiore?

    comunque forniresti un link alla pagina?


    p.s. 90 su 100 il problema te lo crea il paragrafo..annulla il padding

  6. #6
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    513
    no no, anche se elimino il bordo resta comunque un piccolo spazio tra il div#footer e la fine della finestra, avente il colore di sfondo del body..nell' immagine non si vede benissimo..
    Ho provato a eliminare il padding ma niente, mentre risolvo il problema eliminando il codice per il footer a fondo pagina! infatti usavo lo stesso CSS in altre pagine senza il codice per il footer a fondo pagina e andava benissimo!! quindi credo sia quello il problema...
    al momento non ho la pagina on-line...

  7. #7
    Originariamente inviato da indigoindigo
    comunque forniresti un link alla pagina?


    p.s. 90 su 100 il problema te lo crea il paragrafo..annulla il padding

  8. #8
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    513
    ho modificato il mio post superiore...
    comunque sembra che non venga correttamente interpretata la regola:

    position: absolute; bottom: 0;

    ora vedo di metterlo on-line comunque!

  9. #9
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    513
    Questo è il link!

    http://www.liberiliberi.it/test/Cover%20band/cover.php

    grazie mille!!

  10. #10
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    513
    nessuno ha idea su come rimediare??

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.