Subscribe

follow me on Twitter

Recent Comments

  • Piedad Morvillo: Fantastic blogpost, I bookmarked your blog so I can visit ag...
  • webmasters: blogwalking :)
  • Roma Gaitan: I would wish to congratulate for the efforts you have took i...
  • Jake Gomez: i always update my Twitter and i love to...
  • Adelaida Stpeters: Hey, please could you let me know how to integrate your news...
  • Shelia Lenehan: Very Nice Read! Looking forward to more on this subject Bo...
  • Leila Ulven: Hi, i must say fantastic site you have, i stumbled across it...

Translate

French German version Spanish version Italian version

Three Web Design Layout Types – Liquid, Elastic, Fixed

There are three web design layout types. Use our information below to find out which one you want to use.

Liquid Layout

This layout style resizes to fill your browser screen regardless of your screen resolution.

Fixed Layout

This is the most popular layout style on the Web. It is a fixed size determined by the web designer. It gives excellent graphics control but may make your website appear dated as larger screen sizes become more popular.

Elastic Layout

This is a new design layout. One that resizes based on on screen resolution but rather resizes based on the font size that your viewer selects to view your site.

To complicate things even further there a wide variety of hybrid layouts that are popular on the Web. Some are:

  • liquid content section with elastic left and right sidebars
  • fixed side bars with an elastic content section
  • fixed side bars with a liquid content section

My own business site is currently done as a fixed layout. I am currently in the early stages of redesign and am leaning toward a liquid content block with elastic sidebars with padding around the whole container.

Choosing the layout style for your website is best not left to the novice but to the web design professional who can discuss which option is best for your viewing clientèle and type of content you will be displaying on your website.

1 comment to Three Web Design Layout Types – Liquid, Elastic, Fixed

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


Comments protected by Lucia's Linky Love.