Come fare mia pagina web Stretch per adattarsi a tutti i browser

May 2

Come fare mia pagina web Stretch per adattarsi a tutti i browser


Effettuare la pagina web si estendono automaticamente per adattarsi qualsiasi browser che può essere visualizzando è fatto con quello che viene chiamato pagina design fluido. Quando si crea una pagina Web che ha un insieme larghezza specifica - come ad esempio 800 pixel - allora la pagina visualizzerà sempre a 800 pixel di larghezza indipendentemente da quanto grande o piccolo il vostro monitor è. Rendendo il vostro fluido di progettazione pagina web, si consente la pagina per adattarsi alla larghezza del browser in uso. Ciò consente in genere la pagina per essere visto allo stesso modo sia su un dispositivo portatile o un computer con un monitor widescreen. Il trucco è quello di utilizzare le percentuali di larghezza della pagina, invece di pixel.

istruzione

1 Aprire il file HTML pagina web in un editor di testo come NoteTab (www.notetab.com).

2 Individuare l'inizio del corpo della pagina, contrassegnati con l'apertura tag <body>.

3 Per CSS: Inserire questo tag CSS appena sotto il tag <body>:

<Div style = "width: 100%">

Per le tabelle: Inserire questo tag table apertura appena sotto il tag <body>:

<Table width = "100%">

4 Scorrere fino alla fine del file HTML fino a vedere il tag body di chiusura:

</ BODY>

5 Per CSS: Inserire </ DIV> appena sopra il </ body>.

Per le tabelle: Inserire </ table> appena sopra il </ body>.

6 Salvare il file modificato e ricaricarlo sul vostro server web.

Consigli e avvertenze

  • Si consiglia di usare un po 'meno di 100 di larghezza per cento in entrambe le dimensioni della tabella o il codice CSS per fornire un po' leggero di spazio di margine su entrambi i lati il ​​testo pagina web.