Fixed vs. Fluid Website Design – What is Right for You?


There are many choices to make while you are developing a website for your company. Many questions arise in your mind regarding content quality, e-commerce, graphics, etc. However, a common question that comes to mind is whether the website should have a fluid or fixed layout? Each option has its own pros and cons. However, the ultimate decision depends on usability. You can visit websites of some companies that are well known to give quality website design in Brisbane. With all the confusion, it is necessary to take the right decision. By considering few factors, you can eventually have a successful layout design that will reap all benefits.

Fixed Layout Vs Fluid Layout Web Design

Fixed website Layouts

In this type of layout, the width of the entire page is set to a specific numerical value. It is a professional approach in which designer needs to define the width of the page irrespective of the size of the browser window. Some popular examples of such websites like CNN, Yahoo etc. No matter what screen resolution the visitor has, they will see the same width as other visitors. Designers with a print background often prefer them, as it remains consistent across browsers.

Liquid website Layouts

In this type of layout, the width of the page is flexible depending on the width of viewer’s browser. They are based on the percentages of current browser window size. These layouts adjust to the size of the window. Designers who have lots of information to be displayed in limited space often prefer these layouts.

There is a good reason to use any one of the layout methods, but before making any decision, you should be aware of the pros and cons of both orders. Fluid versus fixed to refer to whether your web page will stretch or remain fixed with a change in the browser window.

1. Fixed Layout Web Design


  • Fixed width layouts are easy to use and customize
  • There is less hassle with videos, images and other content, as width is same for every browser.
  • No need for keeping minimum and maximum width, as anyway the browser does not support it.
  • The content will be wide enough at larger resolutions, even if the website is designed to be compatible with the smallest screen resolution.


  • Small screen resolutions may require a horizontal scroll bar.
  • A fixed width layout may create excessive white space for users with large screen resolutions.
  • They have a lower score when it comes to usability.

2. Fluid Layout Web Design


  • Fluid web page design can be more users friendly as it adjusts to user setup.
  • The extra white space is equal between all screen resolutions that are more appealing.
  • A fluid layout can eliminate horizontal scroll bars in smaller screen resolutions.


  • The designer has less control over what the visitor sees and overlooks problems because layout seems fine on their screen resolution.
  • With incredibly large screen resolutions, an insufficient content may create excess white space.
  • Videos, images, and graphics with defined widths may need to be set with multiple widths so that it can accommodate various screen resolutions.

Which one is right for you?

There is no right answer as everyone has different priorities set while designing websites. While making your own website, you can revisit some of your favorite websites and see what type of layout – fixed layout or fluid layout, they have. You can try resizing the browser window that may give you an idea which layout is more appropriate for your business.


Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.