28-Dec-07 (Created: 28-Dec-07) | More in 'CSS'

three-column-mp-ver2.html

row1 div

row 2 div

Notice how the following row3 div is split for content and menus.

left: This should stay fixed in width. Should be aligned to the top.

hello: This is the main content pane which should resize itself nicely. This is where user generated content such as blogs will go. This area needs to be flexible and graceful and accomodate the positive and occasional lazyness of the creative mind, especially around code blocks.

here is a random paragrph

mainl lakdlkdslkfjl lakdflkajf lakdlkdslkfjl lakdflkajflakdlkdslkfjl lakdflkajflakdlkdslkfjl lakdflkajflakdlkdslkfjl lakdflkajflakdlkdslkfjl lakdflkajflakdlkdslkfjl lakdflkajflakdlkdslkfjl lakdflkajflakdlkdslkfjl lakdflkajflakdlkdslkfjl lakdflkajflakdlkdslkfjl lakdflkajf

here is an example of short pre text

This is pre text

here is a table with a 30, 70 split

first td

Second td

here is an example of a long pre text

If this is pre text is too long, the table will expand and the scorll bars 
will show at the bottom while keeping the left and right fixed in size.
Resize the browser windo to see the effect.

row 4 div