Left Section
Content Section

This was stolen from this web page.

It is a FIXED format with everything defined in PIXELS. I want a LIQUID format where everything is defined in PERCENTS.

And this is their logic behind the page:

In this case, the same principle has been applied to make our DIVS float to left. Since the left section floats to the left, so does the content section and the right section. Actually, all of they are sticking to the left, achieving the desired result. Again, this technique saves code as compared to using fixed boxes.

Lastly, but not least, will see the “Holy Grail” for page layouts: “liquid” design with floating boxes. Let’s go there now.

Right Section