Hi, I cannot provide a URL as I am only working locally at the moment,
so I'll try to explain as best as I can. I'm mostly trying to have a
working concept anyway.
I have a page whose layout consists of a top header, left navigation
menu, right content area, and a bottom footer.
The header, navigation menu, and footer are fixed positioned to make
them consistent despite the content size. The idea is that the content
appears in its area and scrolls underneath the footer.
The content area is offset with margins from the top and left so it
doesn't hide behind the header or navigation menu. It does intentionally
overlap under the footer though.
When the content extends beyond the viewport to the bottom, you can
scroll down through the content. The elements in the content area are
absolutely positioned to help facilitate pleasing Drag-N-Drop/Hide-Show
functionality via Scriptaculous that I am using. The Drag-N-Drop part is
not vital to the question, as my issue occurs even if the elements are
never moved and simply force the content vertically beyond the viewport.
Now the problem is that content can get cut off underneath the footer.
An example would be 2 boxes each take up exactly 50% of the height of
the content area without overflowing the viewport. The bottom box would
then have the footer overlapping part of it, but you also could not
scroll to see that content so it becomes inaccessible.
I'm trying to figure out a way to extend a blank margin below any
elements in the content area. I suppose the issue I'm struggling with is
that these elements are out of the flow as absolutely positioned
elements making it hard to control them with a margin or such. Am I
basically pipe dreaming here with the functionality I want? I suppose I
could go footer-less, but I'd rather not.
Thanks,
Rich
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
