CSS3 PIE Forums
http://css3pie.com/forum/

css3pie.com works fine in IE7 but generated CSS does not
http://css3pie.com/forum/viewtopic.php?f=6&t=3197
Page 1 of 1

Author:  pnewest [ Wed Mar 26, 2014 1:13 pm ]
Post subject:  css3pie.com works fine in IE7 but generated CSS does not

I've been trying to generate a rounded box which uses border-radius, box-shadow and linear-gradient.

the http://css3pie.com/ has a great demo of a green gradient box which works fine in all browses I tried (including IE7 - which most of my Medical client use).

Gererated CSS3 shows as:

#box { ( I added this)
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/PIE.htc);
} (I added this)

So in html page I just add <div id="box">Test<br>Test<br>code added</div> and the box looks fine in the latest Chrome, but it shows a square box and no linear-gradient with IE7.

I looked at the code in css3pie.com/ page and the CSS3, which controls the gradient etc., is remmed out and there's lots of Script at the end of the html seemingly controlling the IE6-9 conversion.

I'm using PIE 2.0 by the way.

Can anyone tell me where I'm going wrong. I'd be really grateful if someone could give me sample CSS3 to achieve these three styles, html and a pointer to the correct PIE version. And whether I need anything else - such as modernizr.

Many thanks
mike

Author:  pnewest [ Thu Mar 27, 2014 9:16 am ]
Post subject:  Re: css3pie.com works fine in IE7 but generated CSS does not

I don't wish to be critical of this forum but I'm just asking a simple question and would be really grateful if someone could point me in the direction of a routine (html / css / required js) to get a linear gradient in a rounded box to work in IE7 (as the example in csspie.com page does). Or what is the point of this forum?

Thanks
Mike

Author:  jason [ Thu Mar 27, 2014 10:37 am ]
Post subject:  Re: css3pie.com works fine in IE7 but generated CSS does not

One day is a short time during which to get impatient. Anyway...

Your CSS looks correct to me. I'd suspect that you have some other issue, such as an incorrect path to PIE.htc, or not serving the htc with the correct content-type. Common issues like these are listed here: http://css3pie.com/documentation/known-issues/

Author:  pnewest [ Thu Mar 27, 2014 1:20 pm ]
Post subject:  Re: css3pie.com works fine in IE7 but generated CSS does not

Thank you so much for the advice. Worked first time by pointing to PIE.php. Apologies if I came across as impatient, the 5 days trying to get PIE to work is my only defence. Cheers. Mike

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/