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
[solved] leftbar not 100% height
Re: leftbar not 100% height
Give the pagewrapper background:#999999;...
This is still the easiest...
This is still the easiest...

Last edited by Anonymous on Sun Sep 30, 2007 11:29 pm, edited 1 time in total.
Re: leftbar not 100% height
Or...
div#pagewrapper {
margin: 0 auto; /* this centers wrapper */
background: url(uploads/images/LeftColorBar.gif) repeat-y;
}
br, K
div#pagewrapper {
margin: 0 auto; /* this centers wrapper */
background: url(uploads/images/LeftColorBar.gif) repeat-y;
}
br, K
Re: leftbar not 100% height
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 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
Re: leftbar not 100% height
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
br, K