[solved] leftbar not 100% height

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: leftbar not 100% height

Post by KO »

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
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: leftbar not 100% height

Post by Dr.CSS »

Give the pagewrapper  background:#999999;...

This is still the easiest...  ;)
Last edited by Anonymous on Sun Sep 30, 2007 11:29 pm, edited 1 time in total.
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: leftbar not 100% height

Post by KO »

Or...

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

br, K
RonnyK
Support Guru
Support Guru
Posts: 4962
Joined: Wed Oct 25, 2006 8:29 pm

Re: leftbar not 100% height

Post by RonnyK »

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
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: leftbar not 100% height

Post by KO »

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
Post Reply

Return to “Layout and Design (CSS & HTML)”