Here we will compare fixed width to fluid web design, show examples of each, and the advantages and disadvantages of each.
Fixed Width:
Fixed width means the width of your web site is set to a certain pixel width, such as the standard 800px wide. If a user has a higher resolution monitor and expands the web browser, the web page will still stay the same width. Fixed width web sites are best used in the following situations:
- The design incorporates large pictures as layout elements
- There are not large amounts of text on the web page
- You want the design to look consistent across all web browsers and monitor resolutions
Examples of fixed width design:
www.windowworks4u.com,
www.gap.com
Fluid Width:
Fluid width design means the width of the web page expands to the width of the web browser. This means that some portion of the page will need to expand itself, such as a background image or color so that the page fills the width of the screen. As you expand your web browser, you will see the column of text expand to the edge of the web browser. This type of design is often used for:
- Web sites with side columns
- E-commerce web sites
- Web sites with a lot of content on the page
- Web sites where the exact alignment is not as important
Examples of fluid width design:
www.amazon.com
What resolution should my site be?
The standard web resolution is 800px wide. Some web sites are moving towards 1024px side now. We only suggest 1024px wide if you have a lot of content to display on your web site.