Liquid design is providing similar experience to people and eliminate possible irritating design flaws such as too much white space, disappearance of certain sectors of information due to lack of space etc. If you decide liquid design is suitable for your web site, here is a simple way to do it.
Style sheet layouts are based on the concept of absolute positioning. That means that every element is perceived as a unique entity that can be placed wherever on the page in relation to its edges. In this tutorial we will work with div boxes that act as holders for various elements.
The margins of can be set in such a way that a div box can be placed anywhere on the page. There is an illustration of the concept below. You can easily imagine how this box could be placed anywhere on the page. It is extremely useful because while visually they retain the position required by the design, in the source code, it can be placed anywhere.
Advantages of CSS liquid design over other types of layouts
* Decreases the HTML/body text ratio
* Is completely flexible
* Increases accessibility and usability of a site
* Works well on modern browsers and on some older browsers. Proves to be usable on text-only browsers.
* Looks as good if not better than table layouts once it’s ready. The misconception that css layouts aren’t as visually appealing as standard layouts has no argumentative base.