Bill's Simplified Website Design Guide
[ Index ] - [ About Me ] - [ The Basics ] - [ Screen Sizes ] - [ Graphics ] - [ Stuff That Sucks ]


Designing The Site To Be Full Screen

Another way to make sure your site will always fit any size screen is to build the site so that it fills the entire browser window, regardless of the user's screen resolution. This can be done in one of two different ways:

1. Design the site without any tables or special formatting.

By default, HTML displays all content in the full browser window. It puts a small margin around the page, in order to keep the text or graphics from running directly into the side of the window, making it appear cluttered. In most cases, you won't need to adjust the margins.

When designing without table formatting, just make sure you don't use any graphics with a width of over 615 pixels, or else they may not display properly in the user's browser window.

2. Design the site inside a table with a flexible width.

In addition to designing a site inside a table with a fixed width, you can also specify a percentage of the browser window width to use for displaying the page content. Here is the sample code of a page with a 2-column table. The table is set to extend the full width of the page (whether minimized or maximized). Each column inside the table will take up 1/2 the width of the table.

Click here to view a page using the above html code.

Setting Table Height

Also, you can specify the table to fill the entire height of the page. If your page lacks enough content to fill up an entire screen, you may want to use this just to keep the site uniform. You simple add a height=100% tag inside the Table tag.

Click here to view a page with 100% height and width.


Copyright 2001 Fungi Software (Wicked Clean Productions)
Email: fungisoft@hotmail.com