SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Aug 2008
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Images showing in FF but not in IE8 - Why?

    As mention in the title.

    I tested the site with chrome, Firefox and IE.
    works OK in both Chrome and Firefox.

    but in IE, the images are not showing for the "latest posts" section.

    website link

    i use firebug in firefox to troubleshoot. but no idea what to look at in IE.

    please help. thank you. im not even sure if this is a CSS problem.

  2. #2
    SitePoint Evangelist hexburner's Avatar
    Join Date
    Jan 2007
    Location
    Belgium
    Posts
    591
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Simply remove the attribute height="auto" from the images.
    FOR SALE: 1 set of morals, never used, will sell cheap

  3. #3
    SitePoint Mentor bronze trophy
    John_Betong's Avatar
    Join Date
    Aug 2005
    Location
    City of Angels
    Posts
    1,833
    Mentioned
    73 Post(s)
    Tagged
    6 Thread(s)
    There is also a couple of extra closing div's which may also cause problems:

    [Invalid] Markup Validation of http://ecoisys.coreinfonet.com/ - W3C Markup Validator
    Learn how to be ready for The New Move to Discourse

    How to make Make Money Now with a *NEW* look

    Be sure to congratulate Patche on earning Member of the Month for July 2014

  4. #4
    SitePoint Member
    Join Date
    Aug 2008
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi thanks for the reply.

    works like a charm now.

    height="auto" doesn't work in IE?

  5. #5
    SitePoint Addict EarlyOut's Avatar
    Join Date
    Mar 2011
    Location
    Sector R
    Posts
    280
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The "height" attribute can be pixels or a percentage - "auto" is not a valid value. Most browsers just ignore it, but IE gets pissy about it.

    It does work in CSS, however, so something like this won't explode:

    Code:
    CSS:
    
    img.normal {height: auto;}
    
    HTML:
    
    <img class="normal" src="whatever.jpg" .... />


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •