Relative path to PIE.htc issue, using php
I have a web page "/pie.html" that won't render box-shadow, in IE8, unless I specifically add the css style + behaviour inside the html page itself. The following doesn't work and I don't know why:
/pie.html :
<?php
include("scripts/header.php");
?>
<div id="main">
<a href="#">
<img src="" alt="" class="photoleft" />1234567
</a>
</div>
</body>
</html>
/scripts/header.php :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="/style.css" type="text/css" media="all" title="" />
<link rel="stylesheet" href="/fonts.css" type="text/css" charset="utf-8">
<script type="text/javascript" src="/scripts/js/jquery-1.4.4.min.js"></script>
<? echo $head; ?>
<title><? echo $title; ?></title>
</head>
<body>
/style.css :
img.photoleft {
float:left;
border: 2px solid #333399;
width:100px;
height:100px;
-moz-box-shadow: 0 0 15px #000000;
-webkit-box-shadow: 0 0 15px #000000;
-o-box-shadow: 0 0 15px #000000;
box-shadow: 0 0 15px #000000;
behavior: url(PIE.htc);
}
Replacing with PIE.php doesn't fix either.
Can anyone see what is wrong here and how I can fix this?
Thanks,
Anthony
Forums
