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

CSS Forum

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

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

I have the following CSS:
div.post-block {
border: 1px solid #c0c0c0;
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).



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

And now it's working fine...


 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.


 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