I'm working on a site where fundamental cross-browser positioning issues
have still not been completely ironed out.
For one particular object, Firefox, IE7 and the civilised world need to
understand this:
{
position: absolute;
left: 0;
}
But IE6 needs to understand this
{
position: relative;
right: 30em;
}
So I give IE6 that rule to override the previous one. Or at least, in my
mind 'right' should override 'left' because you can't have something
that is simultaneously specifically positioned from the left and the
right. But IE6 still thinks the 'left' rule is important - in fact it
seems to think it's more important than the superseding 'right' rule.
If I take out the 'left', Firefox breaks and IE6 behaves fine. If I take
out 'right' nothing happens. So obviously (through logic that still
evades me) IE6 still thinks that the 'left' command is something that it
should try and accommodate (they are different properties, after all),
and it would like to accommodate 'right' as well, but in practical terms
that doesn't mean much with 'left' nailing it in place.
My conclusion is that I must set the left rule to its default state,
which is unspecified. 'left:none' doesn't work, '0' is too much of a
specific in this case... Utterly stumped.
I've always thought that left right top and bottom were bizarre
properties because they seemed like further descriptors of their values
which should by nature all be rolled into 2 properties, something like
'absolute-position-x: right 0' and 'absolute-position-y: bottom 30px'.
Now it's a practical problem as well, so I'll finally be able to pass
judgment based on a real-life experience! Any ideas?
Regards,
Barney
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
