Progressively Enhanced Layout Demo

Description

If Javascript is enabled and the browser supports the required objects you will get a three column Javascript-controlled layout with fixed width center and liquid left and right columns.

If Javascript is disabled or the browser does not support the required objects you will get a three column CSS-controlled layout with liquid center and fixed width left and right columns.

This demo consists of the following files:

layout9.html - This page.
layout9d.css - The default CSS.
layout9x.css - The CSS included via Javascript.
View the source of this page to see the required Javascript files.

This may not be perfect - I put it together rather quickly ;-)

Have fun!

Stuff

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

More Stuff