Ido Dekkers wrote:
> which of the above has the bug : http://test.dekkers.net/test.aspx
> 
> the logo and 2 other images display correct in FF(2,3) but not in 
> Opera(latest)

Before you go any further, consider the following...

- Precise positioning of elements on top of a background-image by using
em, is a flawed method - regardless of direction. Those elements are not
anywhere near their intended position in any of my browsers, simply
because their position - in em - rely on font-size.
Font-size is not a factor you can control all that well.

- Opera has a rounding-effect on large em margins and paddings. See...
<http://www.brunildo.org/test/emarg.pl>

- Firefox (2.0.0.1) offers no horizontal scroll, and I need at least a
1450px wide window just to see the entire page.
That's the effect of 'minimum font-size: 14px'.
It's the same in other browsers, apart from that they give me a
horizontal scroll-bar.

- Height in em on those anchors means I see both horizontal and vertical
repetition of background-images. Pretty confusing link-text, I think.
Again: it's the effect of uncontrollable font-size.


So, when you want to position anything precisely on top of a fix-sized
background, you'll be better of by using a fix-sized unit for positions
and dimensions - like px.

Also: especially IE tends to be a bit unpredictable when all
'top'/'left'/'right'/'bottom' values are left out and positioning rely
on default-positions and margins.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
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/

Reply via email to