Creative Designs
Sunday, December 21, 2008
Web Design Choice of Fixed Width vs Liquid Layouts
If you have worked long enough for your web design company, or if you have tried designing a site on your own, you should already know by now that there are two kinds of web page layouts that you can choose from. Fixed width layouts are those wherein the width of the entire web page is set at a specific value, while liquid layouts are those wherein the width is flexible depending on how wide the online visitor's browser is. Choosing between these two layout methods can be a little difficult for a web designer, as each has its own benefits and deficiencies. Let us look through each and discover everything you need to know for you to make the right choice.
Fixed width layouts allow you to start with a specific size that you set. This allows you better and direct control so that you know how your page will look like, at least most of the time. They work best if you work with print backgrounds, as they allow for minute adjustments in the layout without inconsistencies across browsers and operating systems. On the other hand, with a liquid layout, you base the layout on a percentage of the browser's current window size. Liquid layouts allows for an efficient use of space given by any browser window or screen resolution. They are often used by web designers who want to get as much information across in a very limited space. Your web design company may ask you to choose one from the other depending on the needs of your client.
What is at stake for you and for your web design company when you choose between these two windows? Well, the method you choose has a large bearing not only on the final site design and aesthetics, but will also affect the ability of your online visitors to scan through the contents of your site. Furthermore, the layout can affect the ease, by which readers will find what they are looking for in the page, and can also reinforce or ruin your marketing efforts in the website. Thus, your web design company may stress the importance of choosing the right one depending on the message that the client wants to communicate across.
The Web Design Benefits and the Drawbacks To help you and your web design company to decide on which to use, I will present the benefits and the drawbacks for each type of layout.
Fixed Width Layout
- Allows you to come up with pages that look entirely identical no matter who is browsing and what type of browser is being used.
- Elements such as images and graphics will not tend to overpower the text contents especially in smaller monitors.
- No matter how wide the visitor's browser is, the scan length will not be affected when there are large segments of text.
- They will cause horizontal scrolling in small browser windows. Users generally dislike having to scroll horizontally.
- Fixed width layouts usually result to large coverage of whitespace in large monitors such that there is a waste of unused space, and further vertical scrolling may be needed than necessary.
- This layout can not deal with font size changes quite well. A small increase in the font may be tolerated, but larger increases can not be handled well that your overall layout may become compromised.
Liquid Width Layouts
The Web Design Benefits
- This layout can contract and expand to fill in all available space on the page.
- All available space is used up, thereby allowing you to display as much content as you need to in larger monitors, yet still remain viewable on smaller ones.
- This layout can provide you consistency in relative widths, therefore allowing your page to respond dynamically to restrictions and specifications that may be imposed by your client, such as larger font sizes.
- Liquid layouts do not offer precise control over the page width and the elements on the page.
- This layout may result to columns in the text which are either too wide for comfortable scanning, or too small for the text to show up very clearly.
- Liquid layouts tend to have problems when dealing with elements in the page which has fixed width (i.e. image and graphics). If the column does not have enough space, some browsers may increase the column width, and all other elements in your page may not be in the proper order.
Many designers usually go for the mixed approach. You web design company may also suggest you to use both layouts depending on the page and the part of the site you are making. You can, for example, set your main columns to fixed width but make your side columns, headers and footers more flexible. With time and experience, you will eventually learn how to make the most out of the features of each layout type to come up with an optimized site.
Semul Johnson is a Marketing expert with a leading SEO Company specializing in organic SEO.
WarehouseOylinki
Warehouse
Archives
Jun 3, 2008 Jun 4, 2008 Jun 5, 2008 Jun 6, 2008 Jun 7, 2008 Jun 8, 2008 Jun 9, 2008 Jun 10, 2008 Jun 11, 2008 Jun 12, 2008 Jun 13, 2008 Jun 14, 2008 Jun 15, 2008 Jun 16, 2008 Jun 17, 2008 Jun 18, 2008 Jun 19, 2008 Jun 20, 2008 Jun 21, 2008 Jun 22, 2008 Jun 23, 2008 Jun 25, 2008 Jun 26, 2008 Jun 27, 2008 Jun 28, 2008 Jun 29, 2008 Jun 30, 2008 Jul 1, 2008 Jul 2, 2008 Jul 3, 2008 Jul 4, 2008 Jul 6, 2008 Jul 7, 2008 Jul 8, 2008 Jul 9, 2008 Jul 10, 2008 Jul 11, 2008 Jul 12, 2008 Jul 13, 2008 Jul 14, 2008 Jul 15, 2008 Jul 16, 2008 Jul 17, 2008 Jul 18, 2008 Jul 19, 2008 Jul 20, 2008 Jul 21, 2008 Jul 22, 2008 Jul 27, 2008 Jul 28, 2008 Jul 29, 2008 Jul 30, 2008 Jul 31, 2008 Aug 1, 2008 Aug 2, 2008 Aug 3, 2008 Aug 4, 2008 Aug 5, 2008 Aug 6, 2008 Aug 7, 2008 Aug 8, 2008 Aug 9, 2008 Aug 10, 2008 Aug 11, 2008 Aug 12, 2008 Aug 13, 2008 Aug 14, 2008 Aug 19, 2008 Aug 20, 2008 Aug 21, 2008 Aug 22, 2008 Aug 23, 2008 Aug 24, 2008 Aug 25, 2008 Aug 26, 2008 Aug 27, 2008 Aug 28, 2008 Aug 29, 2008 Aug 30, 2008 Aug 31, 2008 Sep 1, 2008 Sep 2, 2008 Sep 3, 2008 Sep 4, 2008 Sep 5, 2008 Sep 6, 2008 Sep 7, 2008 Sep 8, 2008 Sep 10, 2008 Sep 11, 2008 Sep 12, 2008 Sep 13, 2008 Sep 14, 2008 Sep 15, 2008 Sep 16, 2008 Sep 17, 2008 Sep 18, 2008 Sep 19, 2008 Sep 21, 2008 Sep 22, 2008 Sep 23, 2008 Sep 24, 2008 Sep 25, 2008 Sep 26, 2008 Sep 27, 2008 Sep 28, 2008 Sep 29, 2008 Sep 30, 2008 Oct 1, 2008 Oct 2, 2008 Oct 3, 2008 Oct 5, 2008 Oct 6, 2008 Oct 7, 2008 Oct 8, 2008 Oct 9, 2008 Oct 10, 2008 Oct 11, 2008 Oct 12, 2008 Oct 13, 2008 Oct 14, 2008 Oct 15, 2008 Oct 16, 2008 Oct 17, 2008 Oct 18, 2008 Oct 19, 2008 Oct 20, 2008 Oct 21, 2008 Oct 22, 2008 Oct 23, 2008 Oct 24, 2008 Oct 25, 2008 Oct 26, 2008 Oct 27, 2008 Oct 28, 2008 Oct 29, 2008 Oct 30, 2008 Oct 31, 2008 Nov 1, 2008 Nov 2, 2008 Nov 3, 2008 Nov 4, 2008 Nov 5, 2008 Nov 6, 2008 Nov 7, 2008 Nov 8, 2008 Nov 9, 2008 Nov 10, 2008 Nov 11, 2008 Nov 12, 2008 Nov 13, 2008 Nov 14, 2008 Nov 15, 2008 Nov 16, 2008 Nov 17, 2008 Nov 18, 2008 Nov 19, 2008 Nov 20, 2008 Nov 21, 2008 Nov 25, 2008 Nov 26, 2008 Nov 27, 2008 Nov 28, 2008 Nov 29, 2008 Nov 30, 2008 Dec 1, 2008 Dec 14, 2008 Dec 15, 2008 Dec 16, 2008 Dec 17, 2008 Dec 18, 2008 Dec 19, 2008 Dec 20, 2008 Dec 21, 2008 Dec 22, 2008 Dec 23, 2008 Dec 24, 2008 Dec 25, 2008 Dec 26, 2008 Dec 27, 2008 Dec 28, 2008 Dec 29, 2008 Dec 30, 2008 Dec 31, 2008 Jan 1, 2009 Jan 2, 2009 Jan 3, 2009 Jan 4, 2009 Jan 5, 2009 Jan 6, 2009 Jan 7, 2009 Jan 8, 2009 Jan 9, 2009 Jan 11, 2009 Jan 12, 2009 Jan 22, 2009 Jan 23, 2009 Jan 24, 2009 Jan 25, 2009 Jan 26, 2009 Jan 27, 2009 Jan 28, 2009 Jan 29, 2009 Feb 2, 2009 Feb 3, 2009 Feb 4, 2009 Feb 5, 2009 Feb 6, 2009 Feb 8, 2009 Feb 9, 2009 Feb 10, 2009 Feb 11, 2009 Feb 12, 2009 Feb 13, 2009 Feb 14, 2009 Feb 16, 2009 Feb 17, 2009 Feb 18, 2009 Feb 19, 2009 Feb 20, 2009 Feb 21, 2009 Feb 22, 2009 Feb 23, 2009 Feb 24, 2009 Feb 25, 2009 Feb 26, 2009 Feb 27, 2009 Feb 28, 2009 Mar 1, 2009 Mar 2, 2009 Mar 3, 2009 Mar 4, 2009 Mar 5, 2009 Mar 6, 2009 Mar 7, 2009 Mar 8, 2009 Mar 9, 2009 Apr 1, 2009 Apr 2, 2009 Apr 3, 2009 Apr 4, 2009 Apr 5, 2009 Apr 6, 2009 Apr 7, 2009
