CSS3 PIE Forums

unable to integrate pie in css
Page 1 of 1

Author:  madaboutpie [ Mon Mar 10, 2014 8:15 pm ]
Post subject:  unable to integrate pie in css

Having trouble getting PIE 1.0.0 to work. Hoping I can get some useful advice here.
I downloaded the pie zip file and extracted all the files.
The pie files are located in a sub folder in the same directory as my html & CSS files.
My Documents\HTML\American Appliance\AAHC_home.html
My Documents\HTML\American Appliance\AAHC_stylemain.css
My Documents\HTML\American Appliance\PIE-1.0.0.htc

I have been trying to see pie correct the shortfalls of IE8 by launching the html file using Notepad++ and viewing the pages in IE8 locally.

I have followed the documented way of using PIE in a css rule.
behavior: url(pie/PIE.htc); and several other combinations such as
behavior: url(pie.htc);
behavior: url(PIE.htc);
behavior: url(PIE-1.0.0.htc);
behavior: url(/pie/PIE.htc);
behavior: url(/pie/PIE-1.0.0.htc);
All of these have been unsuccessful.

I have read forums that have suggested changing css rules for elements position:relative and have tried that. No better outcome.

I have used The (Mark of the Web) to disable active X warnings in IE. That also did not change the outcome.

I have come to the conclusion that I probably have two possible problems.
1. I am still somehow using the incorrect file path.
2. I am viewing pages locally and the htc files can only be implemented by external server.

Really just don't know what I have to do to get it to work.

<div id= "TopBanner">
    <img id="first" src="flag_300_150.jpg">
   <center><h2>AMERICAN APPLIANCE </h2></center>
   <img id="pole" src="flag_on_pole.jpg">
   <center><h2>HEATING & COOLING </h2></center>
   <center><h2>Serving All Your Appliance Repair Needs&nbsp&nbsp&nbsp&nbsp Phone: 734-HOT-COLD</h2></center>   

   width: 980px:
   height: auto;
   border: 4px solid black;
   border-radius: 20px;
   -webkit-background-clip: padding-box;
  -moz-background-clip:    padding;
  background-clip:         padding-box;
  background: #ff1a00; /* Old browsers */
background: -moz-linear-gradient(left, #ff1a00 0%, #ffffff 50%, #0000ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff1a00), color-stop(50%,#ffffff), color-stop(100%,#0000ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ff1a00 0%,#ffffff 50%,#0000ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ff1a00 0%,#ffffff 50%,#0000ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ff1a00 0%,#ffffff 50%,#0000ff 100%); /* IE10+ */
background: linear-gradient(to right, #ff1a00 0%,#ffffff 50%,#0000ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#0000ff',GradientType=1 ); /* IE6-9 */
behavior: url(/PIE-1.0.0.htc);

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group