The Christian Webmaster

Web Design Series: Fixed Width Vs Liquid Layouts

As every experienced web designer should know, there are two types of layout that you can choose from when designing web pages. One is the fixed width layout and the other is the liquid layout. The fixed width layout sets the width of the web page at a specific value, no matter how wide the viewer?s internet browser window is, whereas liquid layouts adjust their width depending on the width of the visitor?s browser window. The choice between these two layouts is not always an easy one and we will explore in depth the factors that will influence your final decision.

Fixed width layouts mean that you have a preset width which you will design the rest of your web page around. The main advantage of this approach is that it gives you greater direction and control over the eventual organization of your web page. Fixed width layouts are best used with print backgrounds, because these help maintain a consistent appearance even across different internet browsers and operating systems. In a liquid layout, however, the overall layout of your page is a percentage function of the size of the browser window being used to view it. They are useful for maximizing the use of space provided by any screen resolution or browser window size. Web designers who are tasked with conveying as much information as possible in a limited amount of space will often choose a liquid layout. It is important to both you and your web design company that you understand which layout would suit the needs of your client better.

Which layout you eventually choose will greatly affect the final look and feel of your web site, not to mention the functionality of the site. The ease with which visitor?s can scan through your site for relevant information and identify the content that they wish to find is largely dependant on your choice of layouts. It is thus absolutely essential that you understand the needs of your client and the kind of website that they want you to build in order to design a web site that reinforces the marketing strategies of your client. Your web design company is also likely to stress the importance of choosing the right layout when you take on any projects.

The Web Design Benefits and the Drawbacks

The pros and cons of each layout type are listed below, so you will be able to make a better-informed decision regarding which type of layout you should use for a particular project.

Fixed Width Layout

Pros

? Pages that you design look exactly the same when viewed using any internet browser or operating system.

? Images and other non-textual objects will not overwhelm the textual content of the page, regardless of the size of the browser window or viewing monitor.

? The scan length of your pages stays constant no matter how wide the viewer?s browser window is.

Cons

? Viewers using smaller browser windows or monitors to view the site will probably have to scroll horizontally to see the entirety of the page. This tends to annoy online visitors.

? A large amount of whitespace is usually generated when viewers use large browser windows to view the site, resulting in wastage of otherwise useful space. Also, more vertical scrolling may be required than should be necessary.

? Font size changes can adversely affect the overall layout of the page. Large increases in font size can cause the layout of your page to become distorted, making it messy and unappealing.

Liquid Width Layouts

Pros

? Layout adjusts its size to fit any browser window size.

? All the available space in the browser window is utilized, enabling larger windows to display more information while not compromising the viewing experience using smaller window sizes.

? You can achieve consistent relative widths, ensuring that your web page can accommodate your client?s varied design requirements such as font size changes.

Cons

? Liquid layouts do not allow you to fix the width of the page and other elements on the page, making proper organization difficult in some situations.

? Columns containing text may become either too wide or too narrow for comfortable viewing of the text.

? Fixed width elements on the page may not be correctly displayed. Some browsers may attempt to correct for a lack of space for fixed width elements by increasing the width of the element, thus disrupting the order of the other elements in your layout.

Often, the best approach to use is to use both types of layout within the same web site or even within the same page. The type of layout you use may be dependant on which part of the site you are currently working on. A good example is fixing the width of the central column of the page so that text contained does not become distorted while allowing the layout for the rest of the page to be liquid, making viewing of side-bars and other elements more flexible. With practice and diligence, you will eventually learn the best combination of both layouts to use in any situation that you encounter.

Moe Tamani is a search engine optimization specialist for SEO 1 Services specializing in Seo web design http://www.seo-1-marketing-services.com http://www.Brazenwebdesign.com http://www.internet-marketing-cafe.com

Powered by WhyPark.com | Site Map | Home

This Site Is For Sale

Use Seo Techniques To Improve Your Websites Rankings
In order to achieve the benefits of search engine optimization, an effective SEO strategy is necessary. One of the biggest SEO strategies is link popularity, keyword research and website marketing.

Email Marketing Software Helpful Guideline
It's difficult to provide accurate email marketing software information, but we have gone through the rigor of putting together as much email marketing software related information as possible. Even if you are searching for another information somehow related to Effective Email Marketing for Small Business, Email Marketing Strategy, Free Email Marketing Templates or Expedite Email Marketing this article should assist a great deal.

GDI Promotes .ws Domain Names Inexpensively by Incorporating an Original Multi-tier Affiliate Program Included in Its Web Hosting Member Subscriber
Good news; Global Domains International or GDI ranked 37 out of 500 in 2002 and listed in Inc’s magazine as fastest growing companies, offers a free 7 day trial, to obtain their own lifelong domain name and in additionally provide an additional income

Email Data Source Releases Mini Study Evaluating the E-Mail Marketing Efforts of Pizza Deliverers
Email Data Source, the leading provider of email competitive analysis, released its mini study evaluating the email marketing efforts of Pizza Delivery marketers.

My Mistakes as a Web Design Newbie
Learn from them

Web Hosting Services
After finishing your wonderful webpages, the next step would be to register for a domain name. And when you have that as well, you have to get those web pages hosted as a website in a public web server the internet recognizes. There are at least 5 different web hosting services available out there. Understanding each one can get you to use the right one that suits your budget and needs.

Email: When You Dont Get a Response
The lack of an email response is an issue I have grappled with many times especially since I rely on email as a primary means of communication rather than the phone because of my hearing loss.You email a client, follow up, and whatnot.

Free Web Design Advice
In this article I will give advice and tips of where to find a low cost website design company and also about the best ways of producing a cool website.How many people or companies are advertising their services for web design?The answer is a great deal.

Drug Alerts Sent Instantly to U.S. Doctors via Email on New National Network
Online network improves patient safety; reduces paperwork and medical liability.

Brand Your Websites URL With a Favicon
Have you ever noticed that when you look at your browser favorites menu or the address bar, some entries have their own little icon beside their URL?It's called a "Favicon" (a graphic file with a .ico extension) and it's placed in the root directory of the web site.

Reseller Web Hosting: An Option You Should Consider
Most people surf the internet and look at all of the web sites available and never think about how they are built, or how they are able to run. However, to a programmer, these things are very important. A programmer will look at the different tools available to design and create the web sites and also look at some of the things that customers need for their web sites.

Woomail Instant Email Now Available to Mac Users
Internet users the world over are turning their backs on traditional web based mail in favor of Woomail - the world's safest email - because it is spam free, virus free and offers present-day benefits that old timer web mail providers such as hotmail and yahoo cannot - shelter from spammers and tools to protect information from identity theft. Woomail is now available to Mac users.

Email Data Source Ranks Email Brand Equity among Business and Financial News Magazine Publishers
Email Data Source the leading provider of email competitive analysis, released its study ranking the Email Brand Equity Index? among business and financial news magazine publishers.

Sell Online Gift Certificates Just Like Amazon and iTunes -- Instant Gift Certificates Now Available for Small Business Websites
With BoomTime Instant Gift Certificates, small businesses can dramatically increase their online sales, competing with the big national retailers. Last-minute and out-of-state gift givers can instantly purchase and then email or print a gift certificate directly from a business' website. Instant Gift Certificates feature a wide selection of beautiful designs that are automatically branded with the business' logo.

Niche Websites Explained
Niche websites are websites created on specific topics Even if this term is very popular today, only a few Webmasters can really profit from niche websites


Privacy Policy | Copyright/Trademark Notification