[CSS] Different results in Opera, Mozilla and IE
Erik Dokter
---
Just ran into something strange. I've never seen this before.
I usally design/check my code (or site(s)) with Opera 6.05 and Mozilla 1.0.
Every now and then I take a little look with IE6, because I know IE isn't
that good with CSS.
Today was such a day.
I created the following test-site (a start of a fansite):
http://www.erikdokter.nl/divine
In the upper right corner should be a div-element (position: fixed; width:
170px; right: 0px;). That element contains 2 img-tags (top and bottom
border) and a div-element wich contains some links. The links have a
background image. When moving the mouse over the link, it triggers the hover
effect of the link. In my CSS, I have defined that on the hover effect it
should load another background image. The links should have a width of 121px
and a height of 30px (size of the background image)
For some reason, Opera doesn't show the background image on the links. It
does show (sometimes) the background image on the previous and next button
at the bottom of the screen. How is this possible?
Mozilla does a better job than Opera. It is showing the background image.
However, the links are not the specified width and height. On the first
link, the hover effect doens't work. By the rest of the links it does. The
links are also incorrect positioned.
IE doesn't support right: 0px and position:fixed appearently, but IE is the
only one who show the links in the correct size, shows the hover effect
correct, and postions the links correct (except for the div-element).
Right. Now what?
Where can be the bug?
Bug(s) in my style-sheet? Or browser-bugs?
Rijk van Geijtenbeek
news:ajtgnv$tio$1...@mail.opera.no:
..
> For some reason, Opera doesn't show the background image on the links.
> It does show (sometimes) the background image on the previous and next
> button at the bottom of the screen. How is this possible?
Opera currently doesn't support background images on inline elements. Opera
7 will do better in this regard.
--
Rijk (sigless)
Erik Dokter
"Rijk van Geijtenbeek" <ri...@opera.com> schreef in bericht
news:Xns9270F380ACD...@193.69.113.75...
And what about Mozilla displaying it wrong? (or should I post that on a
Mozilla forum/newsgroup?)