Hi, I modified my layout of this template and have added color to the background of the lsidebar. Unfortunately, now it's noticeable when the content ends because the column doesn't extend to the bottom or footer. I've tried the following to no avail:

.lsidebar {
	margin-top: 0px;
	padding-top: 10px;
	width: 180px;
	float: left;
	margin-right:15px;
	background-color: #f4f3f9;
	border-right: solid #ccc 1px;
	height: 100%; 
	}

and I've added height: 100% to both the .content class and .page class but still, it's obvious that the column doesn't extend 100% to the bottom. My rsidebar is ok because it doesn't have a backgound color. What's the simplest way to achieve this, I would prefer not to have to use a javascript to do this.
Thanks!

Comments

lias’s picture

lias commented

Suggestions, clues...anyone?

Lioz’s picture

Lioz commented

setting height at 100% won't solve the problem since .lsidebar hieght depends on content. You have to inherit content height. You can achieve this by wrapping both content and sidebars in a table. keep in mind that you'll have to modify other css classes and probably template.php width functions.

Lioz’s picture

Lioz commented
Status: Active » Closed (won't fix)