Thank you for taking the time to look at my problem.

QUESTIONS?

1. How can an absolutely positioned background div be effected by relative
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" technic with "faux columns" and
opacity on this page:

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

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

I can't use either of these divs 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 came 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. This works fine everywhere but IE6.

To see the problem in IE6  resize window and scroll to the bottom. The
background absolute div is somehow shortened and does not reach the footer.
If you refresh the page the div magically extends to the footer until you
resize the window again.

Here is my structure.

<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

______________________________________________________________________
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