Forums
View unanswered posts | View active topics It is currently Sat Aug 23, 2014 11:20 am



Reply to topic  [ 8 posts ] 
 Cant get border-radius to work in IE 7, 8 or 9 
Author Message

Joined: Mon Jul 08, 2013 10:34 am
Posts: 4
Post Cant get border-radius to work in IE 7, 8 or 9
The HTML page and pie.htc are stored in the same folder. The CSS and HTML are given below. Can anyone figure out what is wrong?
------------------------------------------------------------------------
<style type="text/css">
#Element {
border: 1px solid #999;
behavior: url(PIE.htc);
border-radius: 10px;
padding: 15px;
width: 280px;
text-align:center;
background-color: #99FFCC;
}
</style>
</head>

<body>
<div id="Element">
This should have rounded corners
</div>
</body>


Mon Jul 08, 2013 11:27 am
Profile

Joined: Thu Aug 08, 2013 10:22 am
Posts: 1
Post Re: Cant get border-radius to work in IE 7, 8 or 9
try putting a "/" in front of PIE.htc -> (/PIE.htc)


Thu Aug 08, 2013 10:23 am
Profile

Joined: Mon Jul 08, 2013 10:34 am
Posts: 4
Post Re: Cant get border-radius to work in IE 7, 8 or 9
Hi - thank you for the suggestion. I have played around with the path, finally settling on including the absolute path to make sure, but it still doesnt work. The site is here, if anyone has the time to take a look.

http://www.norwich.gov.uk/

I am trying to get the rounded corners to appear on the header menu, on hover.

Grateful for any help.


Fri Aug 09, 2013 3:53 am
Profile

Joined: Sat Aug 21, 2010 11:12 am
Posts: 223
Post Re: Cant get border-radius to work in IE 7, 8 or 9
NccAdm wrote:
I am trying to get the rounded corners to appear on the header menu, on hover.


Use the behavior on simply the "a" element without any pseudo elements.
Code:
#headerLinks a {
behavior: url("http://www.norwich.gov.uk/SiteAssets/PIE/PIE.htc");
}


Then the border radius styles will work on the pseudos.

_________________
PIE needs more community support persons! Time is money, which means you can fund PIE development by answering support questions.


Sat Aug 10, 2013 9:05 am
Profile

Joined: Mon Jul 08, 2013 10:34 am
Posts: 4
Post Re: Cant get border-radius to work in IE 7, 8 or 9
Hi - thanks for the input and suggestion, but I tried it and it still isnt working. Here's the CSS. Can you see what I am doing wrong?

#headerLinks a {
behavior: url("http://www.norwich.gov.uk/SiteAssets/PIE/PIE.htc");
}
#headerLinks a:hover {
background-color:#33A2AD;
border:1px solid #3AA6B2;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
#headerLinks a:focus {
background-color:#2FBDC9;
border:1px solid #37C5D1;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
outline:0;
}


Tue Aug 13, 2013 4:32 am
Profile

Joined: Sat Aug 17, 2013 1:12 am
Posts: 1
Post Re: Cant get border-radius to work in IE 7, 8 or 9
Hi,
Try adding following in your css classes

position: relative;

Hopefuly this should resolve your issue if path to PIE.htc n all other factors are correct.
I was having same issue when I was fixing IE issues for my
htttp://www.sebure.com
htttp://www.bookcarpool.com

If even this doesnt help let me know, on
htttp://www.codespheresolutions.com
I will be happy to help.

Thanks n Regards,
Ganesh :ugeek:


Sat Aug 17, 2013 1:31 am
Profile

Joined: Mon Jul 08, 2013 10:34 am
Posts: 4
Post Re: Cant get border-radius to work in IE 7, 8 or 9
Hi Ganesh,

Thank you for the suggestion. Unfortunately it didnt resolve the issue. I will contact you as you suggested.


Tue Aug 27, 2013 3:18 am
Profile

Joined: Fri Nov 22, 2013 9:31 am
Posts: 2
Post Re: Cant get border-radius to work in IE 7, 8 or 9
Ganesh wrote:
Hi,
Try adding following in your css classes

position: relative;



Ganesh, thanks for posting this! I ran into the same issue of PIE not working on my site and adding position: relative; solved the problem.

Can I ask why is this needed?


Fri Nov 22, 2013 9:34 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 8 posts ] 

Who is online

Users browsing this forum: Google [Bot], Yahoo [Bot] and 3 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.