• Hey,

    The site I’m working on http://www.joaniesimon.com works great in all browsers except IE, where it shows up without any images and weird formatting. I have two stylesheets: style.css and iehacks.css which are the same. Here’s the code in those ones: http://pastebin.com/e3JtLWDr

    I am working from a very basic template, but there is a line referencing the “If IE” statement in the header.php page. The code for that is here: http://pastebin.com/eLSzuHDZ.

    I have no idea what’s wrong and am probably blinded by my seething hatred for IE…and am confused at why that 1px solid red border shows up in IE but not otherwise. Any help appreciated!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter phantommeb

    (@phantommeb)

    But actually…when I go into the Editor for the theme on WP it shows completely different CSS although it’s still called style.css. What the heck?

    http://pastebin.com/L8GCuLKL

    Are you sure you are looking at the right theme files in the Editor? Check the select (dropdown) box in the upper right of the Editor page.

    the IE stylesheet is in the /css subfolder of the theme
    (/wp-content/themes/starter/css/iehacks.css)
    – therefore, the relative images links are not pointing at the right location.

    either move the iehacks.css into the theme folder and adapt the consitional IE link;
    or edit the image paths in the stylesheet;
    example:

    body {
        margin:0px; padding:0px;
        background-color:#131211;
    	background-image: url(../images/headerbkg.jpg);
    	background-repeat: repeat;
    }

    or even better – remove all the styles from iehacks.css; and only add styles later, that are neccessary to adapt to IE

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Another IE Question…of course!’ is closed to new replies.