Now Showing...

IE Proves Its Inadequacy (Again)

Today I found myself craving a table-based layout (yup, it had got that bad) due to the doubled float margin bug in IE. When floating an element one way or the other, if you apply a margin in the same direction IE decides to double it for no apparent reason. For example, if you float a DIV to the left and then add 10px of left margin, IE renders a margin of 20px. Why? Because it's rubbish.

Thankfully the good people over at Position Is Everything have discovered a very simple fix. Simply adding display: inline; in the CSS sorts it out. For a full explanation of why this is the case, and diagrams, take a look at www.positioniseverything.net, which is now in my bookmarks!

7 Responses to “IE Proves Its Inadequacy (Again)”

  1. Olly Says:

    You’ll be glad to hear that they’ve fixed it for IE7. Which will only be available for users of Windows XPS2 or better and Windows Vista. Which is fine, except that

  2. Olly Says:

    (DAMMIT how did I do that?)

    … everybody else in the world will continue to use IE6 for the forseeable future :-(

  3. Simon Says:

    Just to lots of different style sheets for all the browsers and all their versions… simple… *laughs to himself*

  4. Olly Says:

    Well, two stylesheets. One for IE6, and one for every other browser in the known universe…

  5. Owen Says:

    Well, you say that but sometimes Firefox is a real pain in the backside too! Admittedly never as bad as IE but it still causes me grief.

  6. Pete Says:

    (DAMMIT HOW DID IT DO THAT)

    Did you try and put in HTML tags? Borks it for me

    IE7 will be perfect like every other MS browser (chortle)

  7. Olly Says:

    No, I just pressed tab instead of caps lock :(

Leave a Random Thought

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>