Equal web page length for all pages

As you know, creating a div container with different length of  content will in turn determine the length of each of your web page.One page might be 200px, but another would be 1200px.

So how do you make sure  that your web page length is the same for all the pages?

Logically, you would want to make sure that all your pages would have equal height.

box {height: 1200px;}

So now you have equal height for all pages.But what will happen if your content is dynamic? this setting will break your layout.

From the example above, you know that 200px looks ugly but the layout will look bearable with a minimum height  of 1200px. In CSS, you can use min-height for this.

box {min-height: 1200px; }

of course, now, in the event that your content is more then 1200px, You would want your box to expand a bit more to fit the content. So you set the height to automatically expand.

box {min-height: 1200px;height: auto; }

and of course this will work for modern browsers except for ie6.

For ie6 theres a workaround suggested by flipdolphin.com : min height for ie6