Yshopnoosa.com

Hur man gör min webbsida Stretch att passa alla webbläsare

Hur man gör min webbsida Stretch att passa alla webbläsare

Att göra din webbsida automatiskt stretch för att passa alla webbläsare som kanske visar det görs med vad som kallas flytande sida design. När du skapar en webbsida som har en särskild bredd ange--t ex 800 pixlar-- då sidan visas alltid på 800 pixlar bred oavsett hur stor eller liten din bildskärm är. Genom att göra din webbsida design vätska, kan du sidan för att anpassa sig till bredden av webbläsare som används. Generellt kan sidan som ska visas på samma sätt oavsett om en handdator eller en dator med en widescreen-skärm. Tricket är att använda procentsatser för sidans bredd i stället för pixlar.

Instruktioner

1 Öppna din webbsida HTML filen i en textredigerare som NoteTab (www.notetab.com).

2 Leta upp i början av sidan kroppen, markerade med den inledande < BODY >-taggen.

3 För CSS: Lägg märkordet CSS strax under < BODY >-taggen:

< div stil = "bredd: 100%" >

För tabeller: Infoga detta Öppna tabell tag strax under < BODY >-taggen:

< tabell bredd = "100%" >

4 Bläddra till botten av din HTML-fil tills du ser avslutandet body taggen:

< / BODY >

5 För CSS: Infoga < / DIV > precis framför den < / kropp > tag.

För tabeller: Infoga < / TABLE > precis ovanför den < / kropp > tag.

6 Spara den ändrade filen och ladda den på din webbserver.

Tips & varningar

  • Du kanske vill använda något mindre än 100 procent bredd i bordets storlek eller CSS-kod till ge lite små marginal utrymme på båda sidor av din webpage text.