Thank you for taking the time to consider my problem.

QUESTIONS?

1. How can an absolutely positioned background div be effected by relative
and floated divs not contained in it?

2. Is there a better approach to achieving the layout I am attempting?

I am trying to combine the "footer stick" technique with "faux columns" and
opacity on this page:

http://sandboxv3.erau.edu/pr/0pr-dev/index.html

#page and #nonfooter are used to achieve the 100% height. The footer which
is outside #page and #nonfooter would not be visible without a negative top
margin to bring it in to the window. Code borrowed from:
http://www.themaninblue.com/writing/perspective/2005/08/29/

I can't use #page and #nonfooter for the faux columns because the columns
must be transparent to allow the clouds image (body background image) to
show through. If I make either either of these dives transparent then all
the page content contained in them becomes transparent also.

The only solution I have come up with is a transparent absolute div centered
with a repeating image to create the columns. Since the footer would always
be at the bottom of the window, I should not have the problem of the faux
columns showing under the footer.

To see the problem resize window so that the footer in no longer visible and
scroll to the bottom. The background absolute div is somehow shortened and
does not reach the footer. Strangely in IE6 if you refresh the page the div
magically extends to the footer until you resize the window again.

Here is my structure. Everything validates except the opacity properties.

<body>

<div id="columns"></div>

<div id="page">
<div id="nonFooter">


<div id="header">
...stuff
</div><!--END HEADER-->

<div id="content">
   <div id="contentMain"></div>
   <div id="section_nav">stuff</div>
<div class="clearer"></div>
</div><!-- END content -->

</div><!-- END nonFooter -->
</div><!-- END page -->

<div id="footer">stuff</div>

</body>
</html>


------------------------------------
Arnold Gregory
IT Web Services
Embry-Riddle Aeronautical University
386-323-8696

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to