Right Col

Here is some content for a fixed width right column.

The idea is that this column stays a fixed width, while the middle column expands to fill the gap

It is also the intention that this content occurs after the middle and left columns in the HTML so that it comes last if you turn off CSS.

Three column CSS example 1

Main content in the middle

This is an example page created just to see if I can work out how to do at least some forms of three column layout with CSS.

This one has the usual (fixed (relative to font size) width) left column with navigation, a fixed (in pixels) width right column, and a middle column (this) that fills the gap. Note that this midle column is specified as having a max-width (IE does not respect that) and the right column is positioned at the edge of the window so a gap may appear between them if the window is wide enough.

If you make the window too narrow, the right column will disappear behind the middle column and then emerge under the navigation buttons if you go even narrower.


My e-mail address as a graphic