Overlapping divs, absolutely relative?

Posted by askon on Stack Overflow See other posts from Stack Overflow or by askon
Published on 2010-03-02T21:46:59Z Indexed on 2010/06/13 13:32 UTC
Read the original article Hit count: 155

Filed under:
|
|
|

A wordpress theme I'm working on has headlines which span across the entire content area.

These headlines are overlapped by the sidebar which is absolutely positioned at 100% width.

The issue, is when the sidebar's content exceeds the page's content, it stretches OUT of my wrapper overtop of the footer without forcing the it down (because it's absolute and nothing else is).

So my question is, how would it be possible to make a absolutely positioned div, become relative and essentially "push" my footer down, or is there a better way to do this?

Also, if anyone has examples of how this has been done would be awesome!

edit:

The sidebar is absolutely positioned so it can lay over top of the sidebar. I don't have an online example as I'm doing doing a local server set-up, everything else is relatively position, and likely floated.

Image Example:

http://imagecheese.com/gallery/stackquest.png

© Stack Overflow or respective owner

Related posts about html

Related posts about css