Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS IE9 problems

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #36158
    JamesICT
    Member

    Hi,

    A long time reader of Chris’ CSS Tricks but new to the forum….

    I am having a hair-pulling issue with a site I am creating.

    URL: http://iamlkc.freshlypressed.org

    The front page works in Chrome, Firefox, Safari, Opera but not in IE9.

    If anyone has time and the inclination to take a look at it for me, perhaps you can see what I have done wrong?

    You can see the problem as soon as you open it in IE9 – the grid of images/links are all missing. If you take a look at the page source though, they are there.

    It is probably something really stupid on my part, but for the life of me I cannot see what.

    Thanks for any advice you can offer…

    #94776
    snillor
    Member

    The first thing I check is whether the site validates. W3C’s HTML validator reveals a typo in line 24:

    the word “javascript” is misspelled as “javasript”

    Don’t know if that’s causing your IE issues or not, but it’s probably something you want to fix anyway.

    #94784
    JamesICT
    Member

    Hi Snillor,

    Thanks for pointing out the typo. Adjusted.

    Unfortunately, this does not seem to have been the cause of the problem though.

    I am thinking it must be something to do with a ‘display: hidden’ somewhere but as to where exactly?

    #94796
    jamygolden
    Member

    That is applying this style to IE9:

    #main { margin-top: -191px; }

    Perhaps that’s the problem?

    Side note:

    Remove the rel attribute.
    Side side note: You're loading up the HTML5 shim and modernizr - Modernizr comes with an HTML5 shim.

    #94810
    JamesICT
    Member

    @jamy_za

    Thanks for pointing out the Modernize error and again for the note on using ‘rel’. Adjusted.

    I thought ‘#main { margin-top: -191px; }’ might have had something to do with it too, but it seems not.

    Am I right in thinking that if the actual content is there in the source code, but not visible via the browser, then it must be ‘hidden’ via CSS?

    #94811
    jamygolden
    Member

    What exactly isn’t working in IE9? It looks pretty much identical to Firefox to me.

    #94858
    JamesICT
    Member

    @jamy_za

    Here are two screenshots of what I see:

    1. Chrome – looks as it should
    http://iamlkc.freshlypressed.org/screenshots/chrome.PNG

    2. IE9 [64 bit} – not displaying correctly. http://iamlkc.freshlypressed.org/screenshots/IE9-64-bit.PNG



    @Senff

    Yes, I noticed this too, but when I remove the ‘not needed’ comment tag, the site goes all askew in other browsers.

    Same thing happens if I remove the IE specific block of code completely.

    I am not sure why that happens though, when it should only apply to IE. And in IE nothing changes when removed. Go figure!

    #94911
    jamygolden
    Member

    @Senff This is correct:


    @JamesICT
    Weird, unfortunately I don’t have a 64bit version of Windows7 – So I can’t replicate the problem. The good news is that it works correctly on the 32bit version. More good news is IE9 has a web-inspector. Press F12 and debug it yourself – It shouldn’t be too difficult if you’ve used firebug before.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.