asked on

Sidebar shadow (all the way down)

Hey,

On this page: http://goo.gl/ce4qX - I am using a sidebar shadow for my main content but for some reason it extends though my bottom content in the blue boxes and the logos.

I keep checking tags, but I keep going in circles. Any ideas how I can make that content stay within the parent div?

Ryan

Dave Baldwin

It si doing what you told it to. Try changing your 'z-index' on #sidebar from 9999 to 1 and see what happens.

catonthecouchproductions

ASKER

Ok, thanks. I added that and I still see it through the other boxes on the bottom. I know that I said absolute and height 100%, but thought the position relative on its parent container would constrain it. I would like the sidebar shadow to keep inside of: #top_sub_content

Any thoughts?

Thank you.

Ryan

user_n

try to change min-height: 350px; to height: 440px;

#sidebar {
background: url("../images/sidebar_shadow.png") repeat-y scroll 240px top transparent;
height: 100%;
left: 0;
min-height: 350px;
position: absolute;
top: 0;
width: 279px;
z-index: 1;
}

#sidebar {
background: url("../images/sidebar_shadow.png") repeat-y scroll 240px top transparent;
height: 100%;
left: 0;
height: 440px;
position: absolute;
top: 0;
width: 279px;
z-index: 9999;
}

catonthecouchproductions

ASKER

The content will not stay a unique height. I use that template across various pages each have different heights.

Ryan

Dave Baldwin

Try putting <br clear="all" /> right after the closing </div> for #page_content.

catonthecouchproductions

ASKER

Just added that, still seems like its dropping down.

Ryan

ASKER CERTIFIED SOLUTION

Dave Baldwin

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

user_n

You can try it to take it from div page content and set it in sidebar

user_n

with javascript

user_n

You can try to take the hight from div #page contenet and set ti in div disedebar with javascript

catonthecouchproductions

ASKER

took another look back as you said and tweaked my code a bit as well and seems to be working.