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

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"
Locked
stevegos

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

Post 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
Attachments
site-sample.jpg
Last edited by stevegos on Wed Aug 04, 2010 7:30 pm, edited 1 time in total.
Peciura

Re: 100% height on sidebar when using leftsimplenav1col template

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

Re: 100% height on sidebar when using leftsimplenav1col template

Post 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...
maranc
Forum Members
Forum Members
Posts: 249
Joined: Tue May 04, 2010 5:04 pm

Re: 100% height on sidebar when using leftsimplenav1col template

Post by maranc »

http://www.positioniseverything.net/thr ... retch.html

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

Re: 100% height on sidebar when using leftsimplenav1col template

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

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