Come costruire doppio fondo 2,0 Layouts

February 19

Come costruire doppio fondo 2,0 Layouts


I siti web 2.0 consentono agli utenti di interagire con i contenuti e con altri utenti in contrasto con le pagine web di generazione di anziani che sono limitati alla visione passiva. Non importa quale sia il linguaggio utilizzato per costruire siti Web 2.0, Cascading Style Sheets (CSS) possono essere utilizzati per separare lo strato (grafica) presentazione dal codice sottostante di un sito. Utilizzando i CSS, è possibile creare un doppio fondo (pari sui lati destro e sinistro della pagina) che si ripete lungo tutta la lunghezza di una pagina web, riducendo al minimo il tempo di caricamento. L'obiettivo è di avere un doppio fondo di rendering piattaforme perfettamente tutto e browser.

istruzione

1 Codice della grafica ripetendo nell'elemento corpo del sito utilizzando HTML per assicurare che rimanga nella parte posteriore e si estende per tutta la lunghezza della pagina. Le cinque righe di codice simile a questo:

body {background: url #fff (background.jpg) repeat-y in alto al centro; margin: 0px; padding: 0px;}

2 Codice altre sei linee che definiscono una seconda divisione che contiene il resto del sito. Definire l'altezza #background div pari all'altezza dell'immagine. Codice di esempio utilizzando #background come l'identificazione è:

sfondo {background: url (background-top.jpg) no-repeat in alto al centro; height: 395px; width: 100%; display: table;}

3 Testare il codice tra i vari browser per assicurarsi che le barre di scorrimento non sono inserite tra le ripetizioni.

4 Per la vostra grafica, scegliere o un'immagine su Internet utilizzando l'URL, come illustrato nei passaggi uno e due un'immagine locale o. Ciò che rende questo lavoro è la larghezza al 100 per cento e il display: la proprietà della tabella. Poiché gli schermi div come un tavolo, la sua altezza si scala fino a qualsiasi contenuto è al suo interno.

Consigli e avvertenze

  • Su Internet Explorer, il codice funziona su V6 o superiore.