Sent by Michael Landis on 17 March 2004 17:05
Mike wrote (about
http://www.fiftyfoureleven.com/sandbox/css/relative-background-image-test/):
> Hmmm.. Got it sorted by placing 'position:relative' on the containing
> element, in the case of the link I added it to the h2 element. One of
> those ones I should have thought of! Any references still appreciated
> tho...
The closest thing to a reference I can think of is Big John's IE bug
pages. The impact of relative positioning is explored in the Peekaboo
bug page.[1]
It seems that IE has issues trying to keep track of how containers
impact their children. After a while, or under certain circumstances,
you'll have to remind it to check its dimensions/positioning/background
information by forcing it to redefine its situation. The Holly Hack[2]
does this by forcing IE to recalculate the container's dimensions.
Adding position: relative; also seems to cause IE to reconsider how the
container works. Sometimes you'll need to do both. But when IE starts
acting wonky, adding a dimension and/or relative positioning to the
problem element or its container seems to clear things up.
HTH,
MikeL
[1] http://www.positioniseverything.net/explorer/peekaboo.html
[2] http://www.positioniseverything.net/explorer/threepxtest.html
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/