/ / Sticky footer recitazione strana - html, css, position, sticky-footer

Sticky footer recitazione strana - html, css, position, sticky-footer

Ho creato un appiccicoso footer per il mio sito Web, manon si comporta come voglio io. Voglio che sia totalmente in fondo, sempre in base alla lunghezza del contenuto. Invece è sempre presente sullo schermo, così com'è. Qualcuno può aiutarmi ?

Questo sito

footer css:

#footer{
position: fixed;
bottom: 0;
z-index: 1;
width: 100%;
height: 50px;
clear: both;
background-image: url("../images/footer_pattern.png");

}

risposte:

2 per risposta № 1
#footer{
width: 100%;
height: 50px;
clear: both;
background-image: url("../images/footer_pattern.png");
display: block;
margin-top: 0px;
//if contains children add overflow:hidden;
}

1 per risposta № 2

La tua domanda è un po 'vaga, ma se capisco correttamente penso che quello che stai cercando sia la posizione: relativa.

position: relative;
bottom: 10px;

ciò che fa è aggiungere una quantità specificata di spazio (10px) tra l'elemento e il prossimo elemento genitore relativo. In bocca al lupo!