Forums
FAQ • Search • Login
Register
View unanswered posts | View active topics It is currently Wed Jun 19, 2013 4:15 am

Board index » Troubleshooting Help: 1.0.x

All times are UTC - 7 hours [ DST ]



Reply to topic  Page 1 of 1
  [ 4 posts ] 
Print view Previous topic | Next topic 
 Can't get it to work (IE8 and lower) 
Author Message
gassiegozer

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
gassiegozer

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
gassiegozer

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
norti

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   Page 1 of 1
  [ 4 posts ] 

Board index » Troubleshooting Help: 1.0.x

All times are UTC - 7 hours [ DST ]

Who is online

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