CMS Made Simple Forums

Easiest way I could think would be to give background image for #pagewrapper and repeat-y. You might need to give it overflow:auto for firefox and no height=no scrollbar.

Make it 10-20px height with colours - light-grey on left and bleck on it's right so it matches your design.

I was never able to get div to extend 100% with xhtml and normal (non quircks) mode reliable with different browsers and I spent lot's time looking how to do it. but this works.

Hope this helps,

K

Give the pagewrapper  background:#999999;...

This is still the easiest... 

Or...

div#pagewrapper {
  margin: 0 auto; /* this centers wrapper */
background: url(uploads/images/LeftColorBar.gif) repeat-y;
}

br, K

Sven,

I found this link on DynamicDrive to be able to pull all containers to the same height.
The js that can be downloaded there must be opened/edited to reflect the correct container-names, and then just be called.

http://www.dynamicdrive.com/style/blog/ ... ht-script/

Ronny

I also found another way of doing it without javascript. You give your left column large padding-bottom like 1000em or something and then same number as negative margin-bottom. I have not tried that yet so cannot confirm it.

br, K