I have css code for ie8:
div.widget-footer {
display: block;
overflow: hidden;
background: #D9DDE1;
position: relative;
zoom: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(ie-css3.htc);
}
The file ie-css3.htc make path as http://mysite/ie-css3.htc. See http://fetchak.com/ie-css3/..
I have a problem. Above-stated hack works only on the main page. Other pages look so http://mysite/page/subpage..
How to solve this problem?
Heather Acton
Member
Posted 1 year ago #
Try changing the URL in brackets to the absolute URL of the file. So, change:
behavior: url(ie-css3.htc);
to
behavior: url(http://fetchak.com/ie-css3.htc);
Should fix it.
How do i do this on a local install of wordpress?
For local installs
The issue with local installs (and many live web servers) is that Apache may not be configured to send the correct headers for HTC files. This causes them to not be recognized by IE.
If you don't want to dig into Apache config (or don't have access), you can borrow the technique used by CSS3PIE. Instead of linking to the HTC file in CSS, link to a PHP file that serves the HTC with correct headers.
CSS
div.widget-footer {
behavior: url(/absolute/path/to/ie-css3.php);
}
PHP (ie-css3.php)
<?php
header( 'Content-type: text/x-component' );
include( 'ie-css3.htc';
by absolute path, do you mean just http://localhost/wordpress/
or
c:\\xampp\htdocs\.............
[CSS moderated as per the Forum Rules. Please just post a link to your site.]
here is my css and again..... i have placed both files (just in case) in all directories below xampp.
the last two behaviors should have a "\" rather then "/", either way it did not work.
behavior: url(http://localhost/wordpress/ie-css3.php);
or
behavior: url(/wordpress/ie-css3.php);
And just ONE behavior declaration.