Hi,

I cannot see a border in ie on elements that have rounded corners set.

Corners alone work ok in ie but divs with corners AND borders only render correctly in chrome and firefox. The border color I set in css flash briefly then disappears when viewed in ie, leaving no visible border on the div targeted. When I remove this target from the settings, the border appears correctly in ie (without rounded corners obviously).

I see that border radius is not supported by ie, does it also not support borders? If this is the case why does the adornment example at http://jquery.malsup.com/corner/ work fine for me in ie?

attachments show fluro green border in chrome and bot in ie8.

A great visual module and would love to use it, this will really screw my design if I can't get it to work - so near and yet so far!

Any help much appreciated.

Rich

CommentFileSizeAuthor
#7 Picture 1.png9.4 KBjimmb
ie8.PNG88.02 KBrichard moger
chrome.PNG87.41 KBrichard moger

Comments

pobster’s picture

pobster commented
Status: Active » Closed (duplicate)

http://drupal.org/node/753404

richard moger’s picture

richard moger commented

Pobster,

Thanks for your pointer. I do not think this is the same issue though. Rounded corners works fine except when I try to apply a different border color to the div targeted, either using the jquery method or by applying it to the css of the page. It appears to flash for a second and then disappear, like it's being overwritten?

Any other ideas appreciated?

Cheers

Rich

undersound3’s picture

undersound3 commented

Did you managed to solve this someway? I got the same problem.

richard moger’s picture

richard moger commented

Afraid not. I reworked without borders. Hated doing that :-(

MasterChief’s picture

MasterChief commented
Version: 6.x-2.0 » 6.x-2.x-dev
Status: Closed (duplicate) » Active

Hi!

I reopen this issue because it's not a duplicate, rounded corners works fine but the border disapear, here an article with all methods to make Internet Explorer compatible (IE doesn't know CSS3) :

http://www.sylvainartois.fr.nf/fr/content/html5-css3-resources-fight-ie-...

I stay for the moment with 6.x-2.x-dev because i like the UI interface, i will test all patches if someone could provide one.

andrenoronha’s picture

andrenoronha commented

The example on http://jquery.malsup.com/corner/ doesn't use border color...
It uses a outer div in a dark color to simulate a border.

So you have two divs with rounded corners, the outer one in a dark color with a padding value to make it appear.

jimmb’s picture

jimmb commented
StatusFileSize
new Picture 1.png9.4 KB

Glad to find this thread, as I'm having the same problem.

I have rounded corners applied to my primary links, and when hovering over a link (or when on the linked page) there is a 2px border. In every other browser, this works just fine (see attachment).

But in IE 8, the border doesn't appear at all - either when hovering or when on the linked page.

Hopefully there will be a fix for this soon...

Jim

MasterChief’s picture

MasterChief commented

Someone has a solution to fix this problem on IE ?

The article in #5 give a solution but if someone could give the right way to integrate it with this module it would be great!

pitxels’s picture

pitxels commented

subscribing

gazzur’s picture

gazzur commented

I've found that http://drupal.org/project/curvycorners does work with borders.

pitxels’s picture

pitxels commented

Maybe the "border-radius.htc" fix for IE could be included in this project.