Come fare una larghezza completa Footer

July 4

Come fare una larghezza completa Footer


Mentre il piè di pagina non è la prima parte della tua pagina web i visitatori vedono, può tenere l'ultima possibilità che hai per invogliare i visitatori a rimanere al vostro sito solo un po 'più a lungo. Piè di pagina non dovrebbe essere un dopo-pensiero. La progettazione di un piè di pagina che si estende per l'intera larghezza della finestra del browser è uno per farlo risaltare. Per creare un piè di pagina a tutta larghezza, posizionare il contenuto del piè di pagina all'interno di un tag "<div>", che ha una larghezza di 100 per cento. Includere un "chiaro: tutti" direttiva Cascading Style Sheet nel vostro "<div>" per assicurarsi che il browser colloca il piè di pagina verso l'estrema sinistra e anche a prevenire gli elementi della pagina sopra il piè di pagina da invadere lo spazio del piè di pagina.

istruzione

1 Fare clic sul pulsante "Start". Clicca cliccando su "Tutti i programmi". Fai clic sul menu "Accessori". Fai clic su "Blocco note" per avviare l'editor di testo.

2 Digitare il seguente codice nel editor di testo. In alternativa, selezionare il codice con il mouse, premere "Ctrl-C", quindi premere "Control-V" per incollare il codice nell'editor.

<Html>
<Head>
<Title> Ampia piè di pagina </ title>

<Style type = "text / css"> <! -

superiore{

width: 100%;
}

contenuto{

sfondo: grigio;
colore nero;
width: 80%;
margin: auto;
}

footer {

clear: both;
sfondo: rosso;
colore bianco;
width: 100%;
}
body {
text-align: center;
}
-> </ Style>
</ Head>

<Body>
<Div id = "top"> Questa è la testa </ ​​div>
<Div id = "content"> Questo è il contenuto </ div>
<Div id = "footer"> Questo è il piè di pagina </ div>

</ Body>
</ Html>

3 Fare clic sulla voce di menu "File". Selezionare l'opzione "Salva". Salvare sotto il nome del file "test.html."

4 Fare clic sul pulsante "Start", quindi clicca su "Tutti i programmi". Clicca su "Internet Explorer". Fare clic sulla voce di menu "File" e selezionare "Apri file".

5 Individuare il file "test.html" appena creato, selezionarlo con il mouse, quindi cliccare su "Apri". Il piè dovrebbe essere l'intera larghezza della finestra del browser.