Forums
View unanswered posts | View active topics It is currently Thu Apr 24, 2014 10:20 am



Reply to topic  [ 4 posts ] 
 Can't get it to work (IE8 and lower) 
Author Message

Joined: Fri Apr 13, 2012 6:25 am
Posts: 3
Post Can't get it to work (IE8 and lower)
Code:
<!doctype html>
<html>
<head>
<script src="pie.js"></script>
<style>
#test{
   background-color:red;
   width: 200px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   behavior: url(PIE.htc);
   position:relative;
}
</style>
</head>
<body>
<div id="test">hoi</div>
</body>
</html>


Looks basic and fine to me. What am I doing wrong?

the index, js and htc are all in the same folder and I'm testing locally.


Fri Apr 13, 2012 6:27 am
Profile

Joined: Fri Apr 13, 2012 6:25 am
Posts: 3
Post Re: Can't get it to work (IE8 and lower)
bump


Fri Apr 13, 2012 7:30 am
Profile

Joined: Fri Apr 13, 2012 6:25 am
Posts: 3
Post Re: Can't get it to work (IE8 and lower)
I fixed it by using shorthand css


Fri Apr 13, 2012 9:18 am
Profile

Joined: Fri Apr 13, 2012 9:57 am
Posts: 1
Post Re: Can't get it to work (IE8 and lower)
Hi guys, this is my code:
Code:

<!DOCTYPE html>
<head>
<meta charset="UTF-8" />
<link rel="profile" href="http://gmpg.org/xfn/11" />
</head>


<body>
<div id="round-corners">Some Cakes</div>

<style type='text/css'>
#round-corners {
   width: 300px; height: 300px;
   border: 1px solid #696;
   padding: 60px 0;
   text-align: center; width: 200px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: #666 0px 2px 3px;
   -moz-box-shadow: #666 0px 2px 3px;
   box-shadow: #666 0px 2px 3px;
   background: #EEFF99;
   background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
   background: -webkit-linear-gradient(#EEFF99, #66EE33);
   background: -moz-linear-gradient(#EEFF99, #66EE33);
   background: -ms-linear-gradient(#EEFF99, #66EE33);
   background: -o-linear-gradient(#EEFF99, #66EE33);
   background: linear-gradient(#EEFF99, #66EE33);
   -pie-background: linear-gradient(#EEFF99, #66EE33);
   behavior: url('PIE.htc');
   }   
</style>

</body>
</html>

This is working in IE8 but NOT in IE7.
When visiting the css3pie.com website it will work for IE7, too - so i thought it could be an issue with my server and put
Quote:
AddType text/x-component .htc
into the .htaccess without succsess.
I also tried positioning relative and/or z-indexing...
I just don't get behind is the problem for IE7.
Any hint?


Fri Apr 13, 2012 11:05 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 4 posts ] 

Who is online

Users browsing this forum: Bing [Bot], Google [Bot] and 4 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.