Support » Theme: Magazine Basic » Image Widget not Displaying in IE

  • Deborah Delin

    (@deborahdelingmailcom)


    With the kind help of Jesin on this forum I moved the header widget below the header and have an image displaying in it. I have this code in Custom CSS:

    #header-widgets {
      position: absolute;
      right: 0;
      top: 245px;
    z-index:550;
    
    }

    The image – three little flowers floating below the Navigation Bar – displays in Firefox and Google Chrome but not in Internet Explorer:

    http://www.photomobil.co.il/

    With thanks in advance for your help.

    Deborah

Viewing 11 replies - 1 through 11 (of 11 total)
  • Deborah Delin

    (@deborahdelingmailcom)

    I tried changing the image from a png to a gif but that didn’t help.

    I tried validating the site. I get the following error:

    Line 10, Column 64: Bad value X-UA-Compatible for attribute http-equiv on element meta.
    <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″ />

    This code is in header .php. The validator highlights the > at the end indicating that it is missing. But it appears in header.php exactly as the validator says it should, with the > at the end:

    <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″ />

    So I’m stumped and would be so grateful if a clever coder could have a look at the site and advise what might be stopping the image from displaying in IE.

    http://www.photomobil.co.il

    Thank you!

    Deborah

    Deborah Delin

    (@deborahdelingmailcom)

    Anyone? Please help!!

    I’ve read every thread I could find on the subject of IE squashing images. The suggestion is to add max-width: none; But this hasn’t helped.

    The image now appears but is squashed in IE.

    Deborah

    Moderator Andrew Nevins

    (@anevins)

    Which version of IE has the issue?

    Deborah Delin

    (@deborahdelingmailcom)

    IE8! Is that a bit old now?

    Deborah Delin

    (@deborahdelingmailcom)

    I have been away but I have returned to the same problem and am hoping someone might be able to help me get the image in my header widget to display in IE8?

    http://www.photomobil.co.il/

    I tried using a different image widget to no avail.

    I tried the following code but it hasn’t helped:

    .header-widgets img {
    	max-width: none;
    	min-width: 100%:
    	width: auto;
    display: inline;
    }

    Please – could somebody try and help me with this? Thank you so much!

    Deborah

    Deborah Delin

    (@deborahdelingmailcom)

    Sorry to drive you all mad!!

    I have no idea what I did (don’t think I did anything!!?) but now the image is displaying in IE8 but it is too high!

    The three little flowers that float below the menu bar in Google and Firefox as desired, are now above or touching the menu bar. And it looks BAD!

    I read about conditional commenting and tried the following:

    <!--[if IE8]>[#header-widget img{
      position:absolute;  bottom: 245 px"}]<![endif]-->

    Made no difference.

    Please help!

    http://www.photomobil.co.il

    Deborah Delin

    (@deborahdelingmailcom)

    Ok I am continuing to talk to myself here in the hope that someone might take pity! 🙂

    The header widget/image displays in the correct position in IE10 and other browsers. I haven’t checked IE9, but in IE8 it is too high. Could anyone please please suggest a fix to get it to display lower in IE8.

    I would be forever grateful this is driving me crazy!!

    Thank you.

    Moderator Andrew Nevins

    (@anevins)

    Asking for solutions to old browsers is a bit of an ask on these forums. Volunteers like me are looking for problems that we can get stuck into within a few minutes. Old browser testing requires a lot of time and resources.

    Have you considered hiring someone for this?
    http://jobs.wordpress.net
    http://directory.codepoet.com

    Deborah Delin

    (@deborahdelingmailcom)

    Oh I see – thanks for explaining. I hadn’t realised that IE8 was considered old. Everyone I’ve asked to test this in IE seems to still be using it!!

    But if that’s the case I’ll just have to accept defeat on this one!

    Thanks again,

    Deborah

    Moderator Andrew Nevins

    (@anevins)

    Unless they’re locked down into using old Microsoft products they shouldn’t be using it, for example large organisations are the main audience locked into IE6.

    IE8 is at least 4 years old, which is pretty old for the Web in evolution terms.

    You need to look at Google Analytics and find out which percentage of your audience is using IE8. If everyone is then I would strongly advise getting a professional involved. Otherwise you should make a compromise as to how much effort you spend developing for that percentage of the audience.

    Deborah Delin

    (@deborahdelingmailcom)

    Sounds like good advice. Thank you Andrew!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Image Widget not Displaying in IE’ is closed to new replies.