Progressive layout combines the advantages of both fixed and fluid layout: it’s a fixed layout under and over certain resolutions, but it’s fluid between. In the liquid stage the layout is quite different from the classic fluid layout, since the width and the margins of the layout vary accordingly to the browser width.
Let’s see the first example. It’s a two column layout which is:
You could view the source of the script here. It’s a very short script, that runs when the HTML of the page has been loaded, but before the page is fully displayed, that triggers the width of the main wrapper of the layout according to the client width. This is done also everytime the browser window is resized. To customize the script, you just have to change the fist line of it:
The four paramaters, separated by a comma, indicate in order: