IE5/6 Doubled Float-Margin Bug

GoogleCodeExporter commented 9 years ago

What steps will reproduce the problem?
.floatbox {
  float: left;
  width: 150px;
  height: 150px;
  margin: 5px 0 5px 100px;
  /*This last value applies the 100px left margin */
  }

What is the expected output? What do you see instead?
Margin is only 100px.
IE6 gives 200px.

What version of the product are you using? On what operating system?
IE6 on Win XP SP3
And IE8 in IE7 mode (I think).

Please provide any additional information below.
Example and solution found on:
http://www.positioniseverything.net/explorer/doubled-margin.html
"Dig this. Simply placing {display: inline;} on the float is all that is
needed!"

Original issue reported on code.google.com by watts.ch...@gmail.com on 3 Dec 2009 at 3:28

GoogleCodeExporter commented 9 years ago

Just discovered that I needed to include the ie7-squish.js

* Might want to add mention of that script on the home page.

Original comment by watts.ch...@gmail.com on 3 Dec 2009 at 3:41

GoogleCodeExporter commented 9 years ago

It's mentioned on the demo page:

http://ie7-js.googlecode.com/svn/test/index.html

Original comment by dean.edw...@gmail.com on 11 Feb 2010 at 3:47

Changed state: Invalid

kavinithiy / ie7-js

IE5/6 Doubled Float-Margin Bug #213