Results 1 to 2 of 2

Thread: Whitespace between images in IE9

  1. #1
    Join Date
    Oct 2004

    Whitespace between images in IE9

    To cut a long story short, a friend of mine inherited a website from his ex-business partner which he noticed had issues with the layout of the images when displayed in IE9. The vertical line of images on the left-hand have got a whitespace between them. This results in the vertical line of images on the right-hand "dropping down" i.e. the top right image does not align with the top line of images. You can see what I mean if you take a look at a copy of the website I've uploaded:


    When the page is displayed in FF everything aligns perfectly. So I started taking a look but blow me down if I can't work out what the problem is. I've tried various methods that I've read up on to fix whitespace issues in IE but none seem to fix the problem. The page passes W3C validation except for a warning regarding using UTF8 encoding.

    Can anyone take a look at the source and see if there's anything obvious which I'm missing.
    Last edited by madhouse; 01-12-2012 at 04:31 PM.

  2. #2
    Join Date
    Oct 2004
    Figured it out. The width of the table which contained all of the elements on the page was defined as 4px wider than the width of the contents within it!!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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

Recent Articles