Hi Peg,
If I got it right you want to have the Wrapper div over the bottom
one. To achieve that you need to change the z-index of the Wrapper (2
by default) to a value higher than the z-index of the bottom div
(which is 3 by default). And you need to fix the bottom margin too.
Try updating your styles with this:
#Wrapper {
background:#FCFAEF url(../_images/bg-wrapper.png) repeat scroll 0 0;
margin:-75px auto;
min-height:100%;
position:relative;
text-align:left;
width:915px;
z-index:4;
}
Here is an explanation of why this works :
https://developer.mozilla.org/en/Understanding_CSS_z-index/Stacking_without_z-index
On Tue, Jun 23, 2009 at 6:33 PM, Glow<glowvirt...@gmail.com> wrote:
> I'm working on a site and want to have the <Wrapper> div overlay a
> portion of the <top> and <bottom> divs (which are outside the
> Wrapper). I've got it working for the top, but can't seem to get it
> to drop over the bottom by roughly 75 pixels.
>
> Here's the page: http://ambientglow.com/garage/glow/sample.html
> Here's the css: http://ambientglow.com/garage/glow/_css/main.css
>
> Anyone have any ideas?
>
> Thanks,
>
> Peg
> glowvirtual
> ______________________________________________________________________
> css-discuss [cs...@lists.css-discuss.org]
> 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/
>
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/
