Roger Johansson wrote:
> On 31 aug 2004, at 17.20, Austin, Darrel wrote:
> > The other question is one CSS glitch that I can't solve. In IE6/PC, if
> > you mouse over any link on the site, the page will jump to the left a
> > few pixels.
> Sounds like the exact problem I asked about a few days ago.
>  < http://www.456bereastreet.com/lab/ie1pxjump/ >
I have seen similar problems, more or less reproducible. Usually they seem
triggered by percentage values for padding/margins/widths. Sometimes they
seem to disappear assigning a dimension to a container (of the jumping
element) that lack dimensions, and possibly adding such a container in the
markup if not present. In your test case wrapping #main and #nav in a div
and assigning a dimension to it seems to solve the problem.
When I say 'assign a dimension' I mean either assigning a real dimension, or
using the Holly Hack, or any other mean that causes the container to get
'layout' (in MS parlance.)
And I'm not saying that this is a cure always working: sometimes a 'jumping
effect' is triggered when a dimension is added to a container... But usually
adding dimensions makes the IE/Win rendering more stable.
The Austin's page is more complex, I tried:
- adding a wrapper with a dimension to the whole page
- changing the 3% padding on body to a 3% margin on this wrapper
This seems to solve the problem, but I'm not sure... The page also shows a
persistent horizontal scrollbar in IE6, probably caused by the width:100% on
#leftShadow and #rightShadow which also have padding.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/