how to limit to bottom of window

[stakeholdermap]

I am trying to get the right hand add to scroll from it's position in the page until it reaches x pixels from the bottom of the window.

I am trying bottom: x but that is moving the add out of it's place on the page. Example is here http://www.stakeholdermap.com/stakeholder-power2.html.

Thanks for any help. Tamzin

[bigspotteddog]

See this example from the project readme: http://jsfiddle.net/y3qV5/1730.

Also, bottom and marginTop work opposite of each other. This is most likely why you are seeing strange behavior.

[bigspotteddog]

Here is a modified version of that fiddle that, I think, matches what you are trying to accomplish:

http://jsfiddle.net/y3qV5/3347

[bigspotteddog]

Or, this if you want to dock to the bottom:

http://jsfiddle.net/y3qV5/3348

[stakeholdermap]

Thank you so much this looks perfect. The only problem I now have is the fixed header. #cart disappears under it.

Thanks again!

[bigspotteddog]

I just checked out your site. Looks like you have corrected the fixed header issue. Looks good!