Page 1 of 1

[SOLVED] 100% height on sidebar when using leftsimplenav1col template

Posted: Tue Aug 03, 2010 1:41 pm
by stevegos
Hi All

using the latest 1.8.1 version of cmsms and using the older pre version 1.6 basic leftsimplenav1col template - see the attached image. I need the sidebar to expand down to the bottom as the content on the right hand main column dictates.

have been looking around the web for some time for an answer that works. have tried settign the parent container to height=100%, setting the sidebar the same, setting min-height=100% and so on but just no luck.

I have attached a sample image of the site so you can see what I'm talking about.

All help greatly appreciated.

Steven

Re: 100% height on sidebar when using leftsimplenav1col template

Posted: Tue Aug 03, 2010 5:43 pm
by Peciura
Backup your CSS and template first because following method is bit tricky.
If you use {cms_stylesheet} you will be able to calculate paddings, margins, width depending on page width or smth similar.
Personally i use bit modified solution but you will get basic idea
http://matthewjamestaylor.com/blog/equa ... s-no-hacks

Re: 100% height on sidebar when using leftsimplenav1col template

Posted: Wed Aug 04, 2010 8:10 am
by Dr.CSS
If you are looking to get the blue color part to go all the way down I would use an image in the content as background and it will always fill the space...

Or you could use JS to do it, niftyCube has this built in...

Re: 100% height on sidebar when using leftsimplenav1col template

Posted: Wed Aug 04, 2010 11:15 am
by maranc
http://www.positioniseverything.net/thr ... retch.html

Maybe it will help you ....
Marek A.

Re: 100% height on sidebar when using leftsimplenav1col template

Posted: Wed Aug 04, 2010 7:30 pm
by stevegos
Thanks for all your replies. I ended up adding a long background image to the content div which seemed the easiest method in this case.

Thanks again.

Steven