Filling the screen with a vertical colour bar

avoiding the use of tables

[SimonSarmiento]

The answer to this is probably blindingly obvious to everyone else.

I am redesigning this site:
<No URLs, thanks. See TOS [WebmasterWorld.com] and CSS Forum Charter [WebmasterWorld.com]>

What I want to do is reproduce the appearance of the existing site, more or less, but remove the use of frames, and install the use of css.

One of the "more" aspects is to keep the background colour bar, not only behind the menu items themselves, but all the way down the page. Now of course, in frames this is easy. But when I remove the frames, the former right hand pages are extremely variable in length. So far I haven't found a way to ensure the left hand bar is *always* long enough without also introducing a scroll bar which is either not needed at all, or which gives confusing information to the user.

The traditional solution to this problem is to put each page inside a two-column table: with the left hand column set to (say) 20% width and 100% height. But I wanted to avoid this (mis-) use of tables.

Any advice would be gratefully received.

Simon

[edited by: SuzyUK at 11:17 am (utc) on Dec. 15, 2004]

[benihana]

create a solid color image as wide as you want the bar to be and set is the page background image, repeating downwards, in CSS.