Thread Starter
Gregg
(@lorax)
No replies? Seems like this may be impossible?
I don’t see a div id for #box1 anywhere in your source code. I see a class defined for .box1,
.box1 {
background-color: #FDDD6C;
border: 2px solid #E1B108;
border-radius: 11px 11px 11px 11px;
padding: 10px;
position: relative;
width: 160px;
}
..but there is no hint of “behavior: url(border-radius.htc)”; anywhere in the source that I could find.
Thread Starter
Gregg
(@lorax)
Thank you for the reply Clayton. The div is there when I look at the source:
<div class="textwidget"><div class="box1">
<h4><a href="#">Best Sellers</a></h4>
Browse our best-selling vegetable varieties
</div></div>
You’ll only see the behavior if you’re looking at it in IE.
Thread Starter
Gregg
(@lorax)
Maybe the best thing to do at this point is to let the square borders remain for IE and not worry about it. Hopefully IE9 will be better at rendering the rounded corners when the container elements have a background.
To be more specific, I mean I could did find the path to “border-radius.htc” defined anywhere in your source code. IE needs the .htc file for displaying the radius, does it not?
Thread Starter
Gregg
(@lorax)
It was referenced in the style sheet. I haven’t tried embedding the call to the htc file within the template code… will give that a try.
Thread Starter
Gregg
(@lorax)
Nope – didn’t make a difference. The example page: http://www.hatchgardens.com/border-radius.html works and it simply calls the htc file from within the style block.
I’ve noted that when the page loads in IE I see the styled background and borders for just a moment then they disappear. I did more research and discovered that if the container elements that hold the element with the border radius have a background defined, the border won’t display in IE. I tested this with with the example page and it was true. There are far too many container elements in the WP framework to sift through and resolve what’s preventing the border from showing so I’m just going to let the border degrade to square in IE for now.
Try downloading a javascript from curvycorners.net and then adding the script to your web page. I hope this helps.
