Thanks, I'll give that a try.
--
Debbie
On 3/3/2011 12:11 PM, Chetan Crasta wrote:
Try this:
#content {
background:url("../images/content-bg.jpg") repeat-x scroll left top transparent;
...
}
#content-inside {
margin-top: 180px;
background-color: white;
}
table#dashboard {
margin: -109px auto 80px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
...
}
There probably is a way to fix the problem without all this hackery,
but that would almost certainly involve changing the markup.
~Chetan
On Thu, Mar 3, 2011 at 11:59 PM, Debbie Campbell
<[email protected]> wrote:
I can't remove the shadow, this is something the client's not budging on. I
might have to use images for the top/bottom sections.
--
Debbie
On 3/3/2011 12:35 AM, Chetan Crasta wrote:
On Thu, Mar 3, 2011 at 5:26 AM, Debbie Campbell<[email protected]>
wrote:
I'm using border-radius on #content in this page:
http://www.redkitecreative.com/projects/omnicall/
#content has background #fff and you can see a tiny fringe of white
around
the outside edges of the rounded corners. What's the best way to deal
with
that?
In Firefox, the 'fringe' disappeared when I removed the box shadow on
#content. Since the box shadow is barely visible anyway, I think it is
best to disable it.
Regards,
Chetan
______________________________________________________________________
css-discuss [[email protected]]
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/
