CSS box-shadow and radius help!

[petro7447]

Thank you to anyone who decides to respond. I SINCERELY appreciate the help as I am trying to clean up the job of a guy I hired to create a website for me, then took off. Ultimately, I am trying to add a css box-shadpow across all browsers and a border-radius of 15px. I have the box-shadow working on FF13, but not on Chrome or Safari5.1 I have added proprietary syntax (-web-kit…) no luck. When I try and add the border-radius, I there is background behind where I am trying to bend the corners not allowing it to look right…the website is choosemyplan.com
Thanks,
BP

[TheDoc]

It’s -webkit, not -web-kit ;)

Yikes, the guy that you hired used tables? Where do you want the rounded corners and drop shadows to appear?

[petro7447]

TheDoc….I have been that before regarding the tables.I mistyped in the post…the actual syntax was “-webkit-box-shadow”…I want the corners to be rounded around the white part, where the main content is…same for the box shadow….It works on firefox, just not safari

[TheDoc]

Add display: block; to #bodyrow.

[petro7447]

Unbelievable!!! Thank you so much! Since you are on a roll, and if you don’t mind…Do you have any idea why the page would be “aligning” left on an iphone/ipad? Thanks again for your help….

[petro7447]

TheDoc…minor set back….adding “display:block” to bodyow…distorts the “blog” page….
http://www.choosemyplan.com/blog.
Any ideas/solutions?

[Author]

Posts