There are several advantages of using a CSS liquid design compared to different types of layouts:
• HTML/body text ratio decreases
• Liquid CSS layout is flexible
• The usability and accessibility increases
• Liquid CSS layout are usable for browsers - on text. It works well on both modern and older browsers.
• CSS layouts are visually appealing and it looks good and best than table layouts

CSS Layouts, Important Points:

Web designers use absolute concept of positioning.

Every element is seen as a different entity and can be positioned at any place on the page related to the edges. There are two important points to consider, one is the margins; it must be set, related page in its edges and; the div boxes should use the stack order.

A division box can be design in any place on the page using margin settings. See figure of the concept at the bottom of the page. Think how this box can be positioned anywhere on the web page. The source code can be positioned any place, but visually the boxes can retain the position as designed.
Overlapping or preventing a division box is feasible by using order by stacking of the division boxes. You can also positioned something on top of the box and hiding a part at the same time. Z index number is the translation of stack order. This is the CSS command that web designers sometimes finds hard to understand. Please see illustration below how exactly a z index works.

In summary, CSS Liquid Layouts are very artistic, because even if you can use the absolute concept of positioning it does not hamper the flexibility of the design on the web site.

CSS Liquid layouts is user friendly for web authors once it is continuously used for layouts, it also has many advantages such as
HTML/body text ratio decreases, liquid CSS layout becomes flexible, the usability and accessibility increase, it also works well on both modern and older browsers. It is also looks better compared to table layouts. Many web designers finds it difficult at first to understand some CSS Liquid Layout language, but once you get it, it’s fun and worth a try.

Tags: Liquid CSS Layout