Max Bane wrote:
>> 3px jog bug. Simplest fix is to adjust the backside margin on the
>> floating menu in IE6 (and older)...
>>
>> * html div#menu {margin-right: -3px;}
>
>
> Aha - I had tried making the content box's margin-left -3px, but that
> alone did not work. Neither did your suggestion by itself -- but
> both of them together seem to have fixed it.
May I clear that one up a bit in case someone is looking for similar
fixes. There's _more than one_ IE-bug involved here, and that may add a
bit of confusion about the whole thing.
Of course both "fixes" were needed, since the 3px jog can be seen as
added to the left margin of #content. A 'margin-left: 150px' + '3px jog'
will result in _153px distance_ from the left edge of #page, and IE6
can't go below that.
However, you _had_ already reduced the left margin on #content below the
danger-zone - IE had 'margin-left: 148px' while others had
'margin-left: 150px', so clearly I didn't have to add it in.
What's _really_ important is that you also have a 'width: 70%' declared
on #content, which acts as a 'hasLayout'[1] trigger in IE. This
transfers the 3px jog onto the entire 'Layout box', and is usually seen
as a "3px jog fix".
Triggering 'hasLayout' also has the effect that #content no longer needs
its left margin to rest on, and the left margin on #content can
therefore just as well be set to zero the way IE/win sees it.
Not even a ridiculous value of 'margin-left: -3000px' on #content will
make a difference in IE6, since it won't let that '3px jog gap' become
less than 3px anyway.
The real fix is the "pulled-in backside margin" on the floating #menu
that #content is lining up against - since the 3px jog is still there,
and that's what is achieved by this...
* html div#menu {margin-right: -3px;}
...which simply lets the 3px jog occupy some of the floating menu's
space. However, this fix can only work when there's nothing else that
creates a distance in addition to the 3px jog bug.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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/
