Re: [css-d] cannot get side shadows for outer div to display right in FF
>
> >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).
>
> Philippe
> ---
> Philippe Wittenbergh
>
>
> thanks for the pointer Philippe,
I have made the adjustment you suggested. You can view the updated pages
with the links above. I still cannot figure out how to get the shadows to
the edsge where my red border is temporarily. I am tried adjusting margins
and padding, can't get anything to work.
--
::Bruce::
__
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/
Re: [css-d] cannot get side shadows for outer div to display right in FF
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
__
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/
Re: [css-d] cannot get side shadows for outer div to display right in FF
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
__
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/
[css-d] cannot get side shadows for outer div to display right in FF
Hello, 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). the URL in question is: http://www.inspired-evolution.com/new_site/template.php and the CSS can be found at: http://www.inspired-evolution.com/new_site/main.css thanks for any assistance -- ::Bruce:: __ 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/
