homepage Welcome to WebmasterWorld Guest from 54.198.140.148
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
border-radius not working on a certain div
but works elsewhere on page
LifeinAsia




msg:4627113
 3:38 am on Dec 2, 2013 (gmt 0)

I have the following CSS:
div.post-block {
border: 1px solid #c0c0c0;
padding:5px;
margin-bottom:10px;
border-radius:5px;
}
But the corners are not being rounded.

I used Inspect element and only the first 3 (border: 1px solid #c0c0c0; padding:5px; margin-bottom:10px;) are being rendered. No error messages, no line through border-radius:5px; (it doesn't show at all).

 

LifeinAsia




msg:4627116
 4:47 am on Dec 2, 2013 (gmt 0)

And now it's working fine...

lucy24




msg:4627118
 5:44 am on Dec 2, 2013 (gmt 0)

Not all browsers support border-radius yet. (caniuse dot com says MSIE 9 and up.) And if you've got anything like
div.blahblah anything-here {border-radius: something-else;}
where div.post-block is inside div.blahblah, there will be a conflict that you need to handle explicitly.

Setek




msg:4627127
 7:43 am on Dec 2, 2013 (gmt 0)

If you didn't change anything, it sounds like you were cached ...

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved