Hvordan lage websiden min Stretch å passe Alle Nettlesere

Hvordan lage websiden min Stretch å passe Alle Nettlesere


Å gjøre en nettside automatisk strekke seg for å passe alle nettlesere som kan vise det er gjort med det som kalles flytende side design. Når du oppretter en webside som har en bestemt bredde sett - for eksempel 800 piksler - da siden vil alltid vise 800 piksler bred uansett hvor stor eller liten skjermen er. Ved å lage din webside design væske, kan du siden for å justere seg til bredden av nettleseren som brukes. Dette gjør som regel på siden for å bli sett på samme måte enten på en håndholdt enhet eller en datamaskin med en widescreen-skjerm. Trikset er å bruke prosenter for sidebredden i stedet for piksler.

Bruksanvisning

1 Åpne din webside HTML-filen i et tekstredigeringsprogram som NoteTab (www.notetab.com).

2 Finn starten av siden kroppen, merket med åpningen <BODY> tag.

3 For CSS: Sett denne CSS koden rett under <BODY> tag:

<Div style = "width: 100%">

For Tabeller: Sett denne åpningen tabellen tag rett under <BODY> tag:

<Table width = "100%">

4 Rull til bunnen av HTML-filen til du ser den avsluttende body-koden:

</ BODY>

5 For CSS: Sett inn </ div> like ovenfor </ BODY> tag.

For Bord: Sett inn </ TABLE> like ovenfor </ BODY> tag.

6 Lagre den endrede filen og legg den tilbake på webserveren din.

Hint

  • Det kan være lurt å bruke litt mindre enn 100 prosent bredde i enten tabellen størrelse eller CSS-kode for å gi en liten bit av margin plass på begge sider av websiden din tekst.