Erik Domingo wrote:
> I seem to be having a problem with the IE double margin bug on
> floats. It's only affecting this page:
> and only when viewed in IE6. Other pages on the site render fine in
> FF and IE.
The IE double margin on floats bug isn't the problem.
Firefox handles <table align="center" ... > different from IE (and
Opera), so if Firefox gives you the "correct" look, you'll have to wrap
that table in a non-float - /not/ a 'float: right'.
This is all you need on the #content container...
border-left: 1px solid black;
....to make IE6 (and Opera) render the page exactly like Firefox does.
I have no idea whether the following is exactly how that table-centering
in a float is handled in these browsers, but this is what it appears like:
- Floats without defined width will "shrink-wrap", but Firefox won't let
that happen because the 'align="center"' on the table creates equal
margins on both sides that are pushing outwards as far as possible in
order to center the table.
- IE6 (and Opera) seems to "shrink-wrap" the float first, so there are
no space, or need, for margins to center the table.
The result: two different outcomes from table-centering in a width-less
float. No width-less float = no visible differences.
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/