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
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     Phone: 734-HOT-COLD</h2></center>
border: 4px solid black;
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 */