Quando si crea un piè di pagina per il tuo sito, spesso, è difficile ottenere questo elemento per attaccare al fondo della pagina. Il problema si verifica quando non hai abbastanza contenuto per riempire la tua pagina, che rende il contenuto del piè di pagina appaiono più in alto. Fortunatamente, è possibile scrivere una serie di regole di Cascading Style Sheets (CSS) per risolvere questo problema. Utilizzare il programma di editor di testo per creare CSS che assicura la che tua pagina Web si attacca alla parte inferiore in tutti i principali browser.

Istruzioni

1

Portare il vostro programma di editor di testo e lanciare il documento della pagina Web che si desidera modificare. Posizionare il cursore prima del tag di chiusura < / head > e immettere il seguente codice CSS:
< style type = "text/css" >
HTML, body {}
.footer, Move {}
{} content
< / stile >

Gli elementi elencati tra i tag di stile creano segnaposti per le regole che ottenere il piè di pagina Web per attaccare al fondo.

2

Posizionare il cursore tra le parentesi graffe della regola "html, body" e immettere "altezza: 100%;" all'interno delle parentesi. Questo attributo consente al visitatore di ridurre o ingrandire la pagina Web all'interno di una finestra del browser.

3

Tipo "altezza:;" in .footer, Move stile e immettere un valore numerico per specificare quanto in alto si desidera che il contenuto venga visualizzato piè di pagina. Per esempio:
.footer, Move {altezza: 175px;}

4

Immettere "min-altezza: 100%;" e "altezza: 100%;" e "altezza: auto! importante;" all'interno della regola di "Content" che formatta la zona dove si immettono le informazioni di pagina Web. Inoltre, digitare "margin: 0 auto;" e inserire il margine negativo dell'altezza del piè di pagina. Il vostro codice CSS completo è ora simile al seguente:
< style type = "text/css" >
HTML, body {altezza: 100%;}
.footer, Move {altezza: 175px;}
content {min-altezza: 100%; height: 100%; height: auto! importante; margin: 0 auto - 175px;}
< / stile >

5

Posizionare il cursore sotto il tag di inizio < body > e inserire il codice HTML che applica il CSS al vostro Web page:
< div class = "contenuto" >
< p > digitare la pagina Web informazioni. </p >
< div class = "Sposta" >< / div >
< / div >
< div class = "footer" >
< p > Inserisci il tuo piè di pagina contenuto. </p >
< / div >

6

Salvare il file e visualizzare l'anteprima in un browser per vedere il tuo nuovo pié di pagina del sito.

Consigli & Avvertenze

• La parte di "Move" della regola di stile aiuta il bastone di pagina Web verso il basso.
• La "! importante" dichiarazione dopo un attributo assicura che l'attributo è sempre obbedito anche se qualcos'altro in seguito si contraddice.
• Se si aggiunge imbottitura o attributi di confine al tuo .footer, Move regola, essere sicuri di tenere conto per questo valore quando si crea un margine negativo nello stile content.