How to get web pages to auto fit the screen
aktiv image by Angelika Bentin from Fotolia.com
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.
- We've all seen them: Websites that are too wide or too narrow.
- 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.
Wanda Richards writes online tutorials for computer software. She has more then 15 years of experience as a webmaster, audio and video editor, and technical writer. Richards earned a master's in linguistics and taught English as a second language for a number of years.