Forums
View unanswered posts | View active topics It is currently Thu Sep 18, 2014 9:44 am



Reply to topic  [ 1 post ] 
 unable to integrate pie in css 
Author Message

Joined: Mon Mar 10, 2014 7:27 pm
Posts: 1
Post unable to integrate pie in css
Hello.
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.
or
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.

Code:
<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>
   </br>
   <center><h2>Serving All Your Appliance Repair Needs&nbsp&nbsp&nbsp&nbsp Phone: 734-HOT-COLD</h2></center>   
   </div>


Code:
#TopBanner{
   width: 980px:
   height: auto;
   border: 4px solid black;
   border-radius: 20px;
   -webkit-background-clip: padding-box;
  -moz-background-clip:    padding;
  background-clip:         padding-box;
   overflow:hidden;
  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);
}


Mon Mar 10, 2014 8:15 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 1 post ] 

Who is online

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