Body Background not displaying in IE8 and below (3 posts)

  1. halfacre
    Posted 3 years ago #

    Well, I've exhausted all the options I've found on this. I have conditional styles for ie8 and below to try and make it cooperate:

    <!--[if !(IE 6) | !(IE 7) | !(IE 8) ]>
    <link rel="stylesheet" href="http://www.mydomain.org/wp-content/themes/aa_laxp/ie8.css" />

    I included the shiv (though it looks like WP takes care of that with a file in the parent theme folder. Still I added the direct link to the google code just in case:

    <!--[if lt IE 9]>
    <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

    My conditional CSS for IE8, IE7 and IE6 currently looks like this:

    	background-image: url:('http://www.mydomain.org/wp-content/uploads/2012/04/bg_ie.jpg')!important;
    	background-position:0 0!important;
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
        display: block;

    These were the fixes I've seen around on stackoverflow and the like. All seemed promising, none worked. I checked all the absolute links and they are correct.

    I'm using a child theme of twentyeleven, if that's at all relevant.

    This is just the first of a string of issues I'm struggling with in IE (page is off center with ever present side-scroll in IE7 and IE8, IE 6 loses the nav and pushes the search box off the page, etc. But that's another thread, I suppose.

  2. halfacre
    Posted 3 years ago #

    Okay, found the problem. You'll notice that colon after the URL? Yeah, not supposed to be there. Jeez. Thanks, Firebug Lite.

  3. halfacre
    Posted 3 years ago #

    Also, I put those conditional styles in the "if-not-any-version-of-IE" conditional comment. I am so embarrassed.

Topic Closed

This topic has been closed to new replies.

About this Topic