HTML, CSS, Web Design, Photoshop Articles and Tutorials
Coding Archive
Jul.17.2010
The CSS fluid width layout
With modern screen resolutions becoming much larger and wider than before, designers often find themselves in a dilemma: should a layout be designed to fit in 800px width, 1024px width, or perhaps even more wide?
The problem of course is that if you design a wide layout of, let’s say 1280px wide, anyone viewing the page in a resolution less than 1280px will end up with a horizontal scroll bar. This is not a good thing.
On the other hand, if your layout is 800px wide, it will look very small to all users in modern resolutions (which make up the majority nowadays). The solution is to use a fluid width layout using CSS.