Fissare la barra di navigazione a fondo pagina

[Cencio96]

Salve a tutti, ciò che sto cercando di fare è fissare la barra di navigazione in fondo alla pagina (mantenendola ferma quando si scrolla la pagina). Come posso fare? Grazie a tutti!

[carlomarangoni]

Se la barra è in alto serve javascript, se è in fondo serve la regola fixed

[KillerWorm]

Ciao, come dice carlomarangoni, in genere si usa position:fixed. Qui un tutorial che ti spiega come fare.

[Cencio96]

Ciao, come dice carlomarangoni, in genere si usa position:fixed. Qui un tutorial che ti spiega come fare.

Ok seguito questa guida e sembra funzionare, ora, ecco quello che ho:

ul{    list-style:none;
    text-align:center;
    position:fixed;
    bottom:0;
    border-top: 1px solid white;
    width: 100%;
    height: 40px;
    background: -webkit-linear-gradient(black,#404040);
}
li{
    display:inline-block;
    height:40px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}
li a {
    color:white; 
    font: bold 15px verdana;
    text-decoration:none;
    height:40px;
}
ul :hover{
    background: -webkit-linear-gradient(darkgray,silver);
    font: bold 15px verdana;
    color:black;
    box-sizing: border-box;
}

Come posso fare per rendere tutto il "box" dei pulsanti che compongono la barra di navigazione (Home e Chi siamo) cliccabile invece che solo il link?

[tecinese]

Se non ho capito male vuoi che sia tutto il pulsante del menu ad essere cliccabile e non solamente il testo con il link?
Se così modificà la proprietà "display"
del tag <a> e modifica a tua esigenza le proprietà del tag <li>.

a{
    display:inline-block;
    height:40px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}