IE double margin float bug

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Eric Lindsay - 27 Jan 2007 21:11 GMT

My site http://www.architectqueensland.com is almost certainly running
into the IE5/IE6 double margin float bug described at
http://www.positioniseverything.net/explorer/doubled-margin.html

However I am unsure about the least bad way to get around it.
www.positioniseverything.net/explorer/floatIndent.html suggest using
display: inline; while
http://plone.org/documentation/how-to/ie-double-margin-bug suggest an
additional div wrapper with height: 0.1%;

Does anyone have any comments about potential side effects from either
approach, on other browsers, or on IE7?

Signature

http://www.ericlindsay.com

Reply to this Message

forgroupsonly@gmail.com - 28 Jan 2007 01:27 GMT

Hi, Eric

Tested in IE7, FF2.0 and Opera 9 works fine with both fixes. But I
find 'display:inline' aproach much more elegant. It does not require
meaningless extra divs, and keep the CSS things more simple. Also if
is faster to fix site with this aproach.

- Alex.

Reply to this Message

Eric Lindsay - 28 Jan 2007 08:13 GMT

> Hi, Eric
>
[quoted text clipped - 4 lines]
>
> - Alex.

Thanks for that. display: inline; was the way I thought best, but it
looked simple enough that I thought there must be some downside (like
IE7 falling over) that I didn't know about.

Signature

http://www.ericlindsay.com

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / January 2007

IE double margin float bug