Hi all,
I've been away from this list for a long time: hope all are thriving.
I'd appreciate some advice about positioning. I have a page in which the upper
part is defined by elements that have absolute and relative positioning. The
rough page breakdown looks like this (I've indicated the position for each
element):
<body>
<div id="page_wrapper"> (relative)
<div id="page_header"> (absolute)
</div> <!-- end div page_header -->
<div id="banner"> (absolute)
<div id="feature_story"> (no positioning)
</div><!-- end div feature_story -->
</div><!-- end div banner -->
<div id="page_content"> (absolute)
</div><!-- end div page_content -->
</div> <!-- end div page_wrapper -->
<div id="footer_holder"> (relative)
</div><!-- end div footer_holder -->
</body>
There is a static page that represents the layout for the site, here:
http://monickr.com/ (index.htm and about.htm work).
This works OK for some elements that I need to position precisely, but I've run
across a problem (that, frankly, I should have foreseen). The page_content
element contains a variable amount of content (different user accounts will
populate this part of the page with different content). So I want the
page_content element to resize depending on its content, and naturally I want
the footer to move with it. If I use anything other than absolute or relative
the element is just thrown up to the top of the page (because, presumably, the
absolute and relative positioned elements are outwith the page flow). But
absolute positioning for the footer won't work obviously, and I can't figure
out how to get relative positioning working. I've tried the footer_holder
element inside and outside page_wrapper but still can't get it to do what I
want.
You can see that for now I've hacked it by putting a style top= nnpx into the
footer in the static web pages index.htm and about.htm, but this won't work on
the real site since it's driven by a page template and there is no way to
predict the positioning (and in any case that's a gnarly horrible way to do it).
Can anyone advise - I'm sure I'm making some basic errors but can't figure it
out?
Ian.
--
______________________________________________________________________
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/
