Erik Vorhes wrote:
> On Thu, May 14, 2009 at 2:51 PM, David Laakso
> <da...@chelseacreekstudio.com> wrote:
>
>> There is no "bug" that I am aware of.
>>
>>
>
> Actually, the following CSS does trigger the IE 6 doubled-margin float bug:
>
>
>> li
>> {
>> float: left;
>> margin: 0 0.15em;
>> }
>>
>
> For details on this phenomenon, see
> <http://www.positioniseverything.net/explorer/doubled-margin.html>.
>
> The workaround is to apply "display: inline;" to the floated element.
> Because floated elements are always treated as block elements, this
> declaration has no side-effects in any standards-compliant browser.
> And it will get rid of the extra space on the sides of your floated
> <li> elements.
>
> Erik
>
>
re:
<http://liberto.info/cssplay/fromWork/migration_rollover/migration_opacity_tests_part_b.html>
Anthony, the original poster, has followed your advice as of this writing.
He has included display:inline; on the li. Follow the above url and note
your suggestion does not fix IE/6. Nor does it fix IE/7.
What I suggested is not the only way to correct the problem. But it
does work in IE/8, FF, Opera, and Safari. IE/6 and IE/7 go along for
the ride without issue.
Please see:
<http://chelseacreekstudio.com/ca/cssd/arrow.htm>
~d
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
