WordPress.org

Ready to get started?Download WordPress

Forums

border-radius for ie8 in wordpress (9 posts)

  1. vidom
    Member
    Posted 3 years ago #

    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?

  2. Heather Acton
    Member
    Posted 3 years 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.

  3. vidom
    Member
    Posted 3 years ago #

    Oh.. Thanks ))

  4. xmatter
    Member
    Posted 2 years ago #

    How do i do this on a local install of wordpress?

  5. Paul Clark
    Member
    Posted 2 years ago #

    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';
  6. xmatter
    Member
    Posted 2 years ago #

    by absolute path, do you mean just http://localhost/wordpress/

    or

    c:\\xampp\htdocs\.............

  7. xmatter
    Member
    Posted 2 years ago #

    [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.

  8. xmatter
    Member
    Posted 2 years ago #

    the last two behaviors should have a "\" rather then "/", either way it did not work.

  9. Paul Clark
    Member
    Posted 2 years ago #

    behavior: url(http://localhost/wordpress/ie-css3.php);
    or
    behavior: url(/wordpress/ie-css3.php);

    And just ONE behavior declaration.

Topic Closed

This topic has been closed to new replies.

About this Topic