WordPress.org

Ready to get started?Download WordPress

Forums

Magazine Basic
Image Widget not Displaying in IE (12 posts)

  1. Deborah Delin
    Member
    Posted 9 months ago #

    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

  2. Deborah Delin
    Member
    Posted 9 months ago #

    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

  3. Deborah Delin
    Member
    Posted 9 months ago #

    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

  4. Andrew
    Forum Moderator
    Posted 9 months ago #

    Which version of IE has the issue?

  5. Deborah Delin
    Member
    Posted 9 months ago #

    IE8! Is that a bit old now?

  6. Deborah Delin
    Member
    Posted 8 months ago #

    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

  7. Deborah Delin
    Member
    Posted 8 months ago #

    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

  8. Deborah Delin
    Member
    Posted 8 months ago #

    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.

  9. Andrew
    Forum Moderator
    Posted 8 months ago #

    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

  10. Deborah Delin
    Member
    Posted 8 months ago #

    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

  11. Andrew
    Forum Moderator
    Posted 8 months ago #

    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.

  12. Deborah Delin
    Member
    Posted 8 months ago #

    Sounds like good advice. Thank you Andrew!

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.