CSS layout – fix and fluid combined
I have been playing with the Dreamweaver layout sample: 2 column hybrid. The hybrid layout is quite a flexible layout as it would expand or contract based on the width of the browser window. Problem would arise if the browser window is too narrow and the layout will flow beyond what I want. I found out that setting the CSS min-width attribute of the #container class would solve the problem. Horizontal scrollbar will display if the browser window is too narrow.
I then added the max-width attribute to the #container as well to see what happen. The end result is very good. It would mean that page would expand up to the max-width. Beyond that the layout would fix the width. I consider this the best of both world, fix and fluild combined layout.
Tested with MS IE 8 and Goolge Chrome. Haven’t tested on other browsers.