Squashed images in IE7 resolved but creates another issue

  • Hi All,

    I am having issues with images in IE displaying as though they are squashed and tall. Website – https://www.morgandesignco.com.au

    I can fix it using the code in this post however when I do that it moves the page content up so it starts at the top of the page over top of the header. Very frustrating!

    Anyone have any ideas? Thanks so much!

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

  • It looks fine in IE8 and 9. IE7 it has problems.

    Thread Starter morgandesignco

    (@morgandesignco)

    Thanks for the quick reply. Sorry I did mean IE7, I have edited the post to display this. I’ve searched around and the closest fix is the one I linked to but then that creates the second issue. Would love to try and get it fixed!

    Try dropping the div shown below around line 57.

    <img src="https://morgandesignco.com.au/wp-content/uploads/2011/05/WEBSITE-final.png"
width="940" height="198" alt="" />
</div><!-- #branding -->
    Thread Starter morgandesignco

    (@morgandesignco)

    Thanks so much for your help. I’m a complete amateur at all this stuff so are you able to tell me where I should be dropping the code in and how I determine what line 57 is?

    Thanks so much, I really appreciate it!

    Although the above seems to fix the problem it is not the way to correct it. My testing methods were incorrect. Sorry.

    Back to basic debug. Have you disabled all plugins by renaming the plug in folder?

    Try these corrections to the style sheet.

    Find these . . .

    #container – change margin-top to 200px
    #UL – change margin-top to 200px

    You can play with these numbers to get exactly what you need.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Squashed images in IE7 resolved but creates another issue’ is closed to new replies.