Come modificare un layout fluido ad una larghezza fissa

June 4

layout fluidi e fissi sono utilizzati in progettazione Web per specificare come contenuto all'interno viene visualizzata la pagina. In un layout fluido, le dimensioni della pagina sono relative alle dimensioni del browser Web. Così, quando si ridimensiona la finestra, la pagina Web ridimensiona con esso. In un layout fisso, tuttavia, le dimensioni sono assoluti. Pertanto, la larghezza e / o altezza della pagina rimangono invariate indipendentemente dalle dimensioni della finestra del browser.

istruzione

1 Avviare un editor di testo, come Blocco note, TextPad o WordPad. Selezionare "File" e "Apri" dal menu. Fare doppio clic sul file CSS che contiene il layout che si desidera modificare.

2 Trova il selettore ID che contiene lo stile per il layout fluido, come ad esempio:

wrapper {

margin: 0 auto;

width: 95%;

text-align: left;

}

3 Sostituire la percentuale con i pixel fisse che si desidera applicare. Ad esempio, per modificare la larghezza da 95 per cento a 950 pixel, utilizzare il seguente codice:

wrapper {

margin: 0 auto;

Larghezza: 950 px;

text-align: left;

}