liquid
Get flash to fully experience Pearltrees
This article explains one method of achieving a successful liquid layout as well as providing basic definitions of liquid, fixed-width and em-driven layouts. All containers on the page have their widths defined in percents – meaning that they are completely based on the viewport rather than the initial containing block . A liquid layout will move in and out when you resize your browser window.
Max Design - Liquid layouts the easy way
This article will address just one of the many variables out there on the web — screen resolution. With so many users who leave their screen resolution at the factory default, to users who cannot change resolutions due to hardware limitations, to users who run at the highest resolution possible, there are a number of variations out there. Couple that with the fact that not everyone surfs full-screen, and most users have toolbars of some sort taking up space that could otherwise be used for web page display, and you've got an infinite number of possible dimensions in browser windows.
Liquid Design for the Web | evolt.org
Floatutorial: Tutorial 8 - all steps combined
To lay out a page into two columns, you need to start with the basic page structure.
The Perfect 2 Column Liquid Layout (left menu): No CSS hacks. SEO friendly. iPhone compatible.
All the dimensions are in percentage widths so the layout adjusts to any screen resolution.All the dimensions are in percentage widths so the layout adjusts to any screen resolution.
The Perfect 3 Column Liquid Layout: No CSS hacks. SEO friendly. iPhone compatible.
Applying Divine Proportion To Your Web Designs | How-To | Smashing Magazine
Effective web design doesn’t have to be pretty and colorful — it has to be clear and intuitive; in fact, we have analyzed the principles of effective design in our previous 1 posts 2 .
Understanding CSS Positioning part 1 Without a doubt, positioning, or the layout, is the hardest part of CSS.
Understanding CSS Positioning part 1 | KilianValkhof.com