Forums
View unanswered posts | View active topics It is currently Wed Aug 27, 2014 1:02 pm



Reply to topic  [ 2 posts ] 
 DOCTYPE declaration is breaking gradient/rounded corner 
Author Message

Joined: Mon Apr 23, 2012 7:25 am
Posts: 2
Post DOCTYPE declaration is breaking gradient/rounded corner
I have "position: relative;" set on my element but I'm having problems getting css3pie to do it's magic when the DOCTYPE declaration is set at the the top of the HTML document. Setting the z-index and the position to relative on the parent element did not fix things either.

Without declaration (broken):
http://prometheuslabor.com/video/pie2.html

With declaration (works):
http://prometheuslabor.com/video/pie.html

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>

<style>
.myAwesomeElement {
position: relative;
cursor: pointer;
font-size: 2em;
border: 1px solid #696;
padding: 10px 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\PIE.htc);
}

</style>

</head>

<body>
<div class="myAwesomeElement">
kjk<br />
kjksad<br />
</div>

<div class="myAwesomeElement">
kjk<br />
</div>

<div class="myAwesomeElement">
kjk<br />
kjksad<br />
kllk<br />
</div>




</body>
</html>


Mon Apr 23, 2012 7:32 am
Profile

Joined: Mon Apr 23, 2012 7:25 am
Posts: 2
Post Re: DOCTYPE declaration is breaking gradient/rounded corner
OK, I had a backslash instead of a forward slash in the path to the PIE file from when I was trying to get this code to work on my Windows box.

All is right with the world now.


Mon Apr 23, 2012 7:51 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 2 posts ] 

Who is online

Users browsing this forum: Exabot [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.