Bottom Only Rounded Corners - IE7
typehost - October 10, 2008 - 01:52
| Project: | jQuery Eye Candy |
| Version: | 6.x-1.x-dev |
| Component: | Browser compatibility |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Description
Thanks for the module - trying to create rounded corners on the bottom only. Using this code:
$(function(){
$('#main')
.corner({
tl: false,
tr: false,
bl: { radius: 20 },
br: { radius: 20 },
antiAlias: true,
autoPad: true,
});
})Working fine in FF but not applying in IE7.
Any suggestion as to what might be wrong?
Thanks in advance.
#1
I have a similar problem, but in my case it is top only. Here is my code:
$(document).ready(function(){
$('#footer').corner({
tl: false,
tr: false,
bl: { radius: 10 },
br: { radius: 10 },
antiAlias: true,
autoPad: true,
validTags: ["div"] });
})
$(document).ready(function()
{
$('#header').corner({
tl: { radius: 10 },
tr: { radius: 10 },
bl: false,
br: false,
antiAlias: true,
autoPad: true,
validTags: ["div"] });
})
I have also attached a screen shot of what my page looks like in IE7 with the odd results on the top corners.
#2
Disregard my comment. I solved my issue. First, I wasn't using the latest version of the plugin which is currently 1.8.1. Next I had some left padding in my header which once I got rid of, then everything worked in IE7.