Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Problema Sticky Footer

  1. #1

    Problema Sticky Footer

    Buongiorno,

    sto studiando la pagina dei css Sticky footer, posizionare il footer in fondo alla pagina.

    Se provo a copiare il css che viene fornito nella spiegazione:

    html, body {
    height: 100%;
    }
    #container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px;
    }
    #footer, #push {
    height: 50px;
    clear: both;
    }

    e poi creo la pagina con il seguente codice:

    <div id="container">

    <div id="push"></div>
    </div>
    <div id="footer">footer</div>

    riscontro un problema: il footer è in effetti in fondo alla pagina ma si crea anche la barra di scorrimento verticale che invece non ci dovrebbe essere.
    Qualcuno sa aiutarmi o dirmi dove sbaglio?

    Nel loro esempio http://www.html.it/guide/esempi/csse...empi/dopo.html lo scroll non appare ma non capisco il mio errore.

    nel css della pagina di esempio ho trovato questi due link:

    @import url(../reset.css);
    @import url(../960gs.css);

    ma non portano a nulla, sapete spiegarmi come funzionano?

    grazie

  2. #2
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    penso sia dovuto al fatto che ci sono due contenitor alti 50px: il footer e il push. Quindi probabilmente il margin del container deve essere settato a -100px

  3. #3
    Grazie mille per la risposta veloce,

    se setto il margin a -100px non risolvo il problema, mi si sposta verso l'alto il footer di 50px ma lo scroll rimane ugualmente.

  4. #4
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    ho capito, manca lo stile che ti resetta tutto. Aggiungi margin:0 nello stile di html, body

  5. #5
    Grazie mille, ora funziona!!!!

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.