Bruce,
On Sep 12, 2006, at 11:23 AM, Bruce Gilbert wrote:
> I am attempting to create a CSS based page which is centered within a
> browser window and has a shadow effect on the outer div repeating
> vertically
> down the left and right sides. I have this looking decent in IE,
> but in
> Mozilla/FF it is really screwy looking with the shadow not fitting the
> layout (which means I am doing something wrong).
Yes :-)
Add borders on the following elements and you'll see better
#outer_div{
height: 100%;
margin-left: auto;
margin-right: auto;
width:58em;
border:1px solid lime
}
#shadow_container{
margin:0;
padding:0;
width:62em;
border:1px solid red
}
#shadow_container is much wider than #outerdiv. Things start to
misalign from there.
Set the width of #shadow_container to 100%, and things look already
much better.
There are other things you'll need to tweak, but you'll them once the
above is fixed.
It 'works' in IE 6, because it is broken, and expands the width of
boxes when the content is wider than the allocated width. Standard
compliant browsers don't expand them (and IE 7 has fixed that bug).
>
> the URL in question is:
>
> http://www.inspired-evolution.com/new_site/template.php
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
