The two simple tables above show how liquid design works. The effect is a little more dramatic when we add texture to the background, which, of course, requires a background image. Liquid design has become very popular, and is quickly becoming the expected standard for dynamic Web sites. Liquid design refers to designs that will stretch and shrink according to the width of the monitor displaying the page. This article is not intended to bring you up to speed on full liquidity, but rather how to work your menu bars into the equation.
Tables designed with percentage widths are the heart of liquid design.
However, things get a little more interesting when images are added to a table. We know that a graphic will insist on being displayed at its full width. No matter what parameters you specify for a table, if the total width of your graphic exceeds the specified table width, they will force a table to be wider, and force a page scroll if necessary. This is true for fixed or flexible width tables. Without creative table manipulation, we cannot have a color bar that stretches across the page at for all resolutions.