Welcome to WebmasterWorld Guest from 54.204.74.171

Forum Moderators: not2easy

Message Too Old, No Replies

border-radius not working on a certain div

but works elsewhere on page

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

WebmasterWorld Administrator lifeinasia is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



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).
4:47 am on Dec 2, 2013 (gmt 0)

WebmasterWorld Administrator lifeinasia is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



And now it's working fine...
5:44 am on Dec 2, 2013 (gmt 0)

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



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)

10+ Year Member



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