We've all seen them: Websites that are too wide or too narrow. The ones that are too wide we have to scroll from side to side, but those that are too narrow only take up a small percentage of the available space.
You will now learn how to design a Web page so that when the browser screen gets larger, so does the Web page, and when the browser screen is shrunk, so is the Web page.
Start a table and specify the width like this:
000000 will make the cell black.
End the table. You must now enter the code to finish the table:
Save your Web page. You have now made a Wweb page that will auto-fit the browser screen. Save the file in an easy-to-find directory and give the file any name, but be sure to give the file either an .htm or .html extension.
View your Web page with a browser. In any browser, go to "File" in the upper-left corner and click. Then select "Open" or "Open File" (depending on which browser you are using). Navigate to your Web page and click "OK."
Check the Web page to see whether it automatically fits the screen. You should now see a thick black line at the top of your screen. When you expand and shrink the browser window, you should see the black line expand and contract.
Enter your content within the table cell and all content will conform to the width of the browser screen.
Some people refer to these kinds of Web pages as liquid mastheads.
Any tables you build inside this main table must be set to 100 per cent (or another percentage) to work correctly. The trick is not to use any fixed width tables in your Web design.
Things You'll Need
Cite this Article
Choose Citation Style
Richards, Wanda. "How to get web pages to auto fit the screen." , http://www.ehow.co.uk/how_5996708_pages-auto-fit-screen.html. 13 May 2017.
Richards, Wanda. (2017, May 13). How to get web pages to auto fit the screen. . Retrieved from http://www.ehow.co.uk/how_5996708_pages-auto-fit-screen.html
Richards, Wanda. "How to get web pages to auto fit the screen" last modified May 13, 2017. http://www.ehow.co.uk/how_5996708_pages-auto-fit-screen.html
Note: Depending on which text editor you're pasting into, you might have to add the italics to the site name.
How to manually delete the browser history in the registry
How to Delete Yahoo Search Results
How to block a website in Google Chrome
How to Insert a Google Maps Hyperlink Into Excel
How to Change Font Size in Java Script
How to Make Google UK My Homepage