Per ancorare un DIV al fondo di una pagina in HTML è necessario utilizzare un CSS. CSS sta per Cascading Style Sheet e si riferisce ai font, colori e posizionamento degli elementi del documento HTML e sito web che viene reso. Impostare il posizionamento all'interno del CSS può ancorare l'elemento o DIV in una posizione specifica se il posizionamento è impostato su fisso. Ciò consentirà altri elementi della pagina per funzionare attorno all'elemento, ma il DIV specificato rimane ancorata in posizione.

istruzione

Come ancorare una DIV per la Parte inferiore della pagina di un sito web

1 Inserire il codice piè di pagina DIV base nel vostro editor HTML. Il codice dovrebbe essere simile a questo:

<Div id = "footer">

<div class="wrap">

& Lt; p> Inserisci contenuto qui. & Lt; / p>

& Lt; / div>

& Lt; / div>

Questo è il codice per la DIV si desidera ancorare al fondo della pagina HTML.

2 Aggiungere una regola CSS per il foglio di stile per il wrapper, intestazione e piè di pagina per la vostra pagina. Il foglio di stile CSS dovrebbe essere simile a questo:

.Wrap {

position:relative;

margin: 0 auto;

width: 960px;

}

#header, #footer {

width: 100%;

float: left;

}

La larghezza involucro di 960 pixel dovrebbe essere modificata per adattarsi alle dimensioni della pagina in fase di creazione.

3 Aggiungere codice aggiuntivo per il CSS che si applica solo al DIV si desidera ancorata al fondo della pagina. Il codice dovrebbe essere simile a questo:

footer {

position:fixed;

in basso: 0;

z-index: 999999;

}

Questo codice ancorare il DIV al fondo della pagina, non importa cosa viene aggiunto o rimosso dalla pagina.