Hoe maak ik mijn webpagina stretch om alle browsers passen?

April 29



Geen Internet-browser is gelijk. Terwijl u Mozilla Firefox kunt de voorkeur, kan uw mede-werker een fan van Internet Explorer zijn. Dat kan een last voor web-ontwikkelaars die willen hun ontwerpen op identieke weer binnen elke browser zijn. Wees maar niet bang. Er is een manier om een ​​webpagina aan te passen aan elke grootte van het scherm, zodat het past elke browser.

Instructies

•  Start uw HTML-editor. Als je niet van dit soort software, gebruik TextEdit (Mac) of Notepad (PC). Beide programma's zijn reeds op de Apple- of Windows-gebaseerde besturingssystemen geïnstalleerd.

•  Selecteer "File" en "Open" uit navigatiemenu van het programma. Zoek uw web-pagina's tellende document en selecteer het. Als u niet beschikt over een document al gemaakt hebt, selecteer "Bestand" en vervolgens "Nieuw" plaats.

•  Bouw een tabel binnen de pagina's <body> </ body> -tags. Stel de grens tafel op "0", af te stemmen op "center" en de hoogte en breedte op "100%". De hoogte en breedte van 100% kan de tafel uitzetten of krimpen naargelang de browser grootte. Voorbeeld: <body> <table border = "0" align = "center" width = "100%" height = "100%"> </ table> </ body>

•  Plaats uw content in de tabel-tags. Voorbeeld: <body> <table border = "0" align = "center" width = "100%" height = "100%"> Content hier </ table> </ body>

•  Selecteer "File" en "Save" uit navigatiemenu van het programma. Upload het bestand naar uw webserver.

•  Start uw webbrowser. Bekijk de HTML-document dat u net geupload. Zorg ervoor dat de inhoud strekt zich nu op het scherm passen. Als u meerdere browsers, herhaalt u deze stap te zorgen voor samenhang.

Tips en waarschuwingen

Volgens W3Schools.com, Mozilla Firefox is de meest populaire browser, gevolgd door Google Chrome en Internet Explorer 8 (juli 2010).