#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2006
    Posts
    15
    Rep Power
    0

    CSS rendering problem in Opera (z-index maybe?)


    Hi guys,

    Maybe some of you could shed some light on this little problem. I'm currently working on a site redesign, the page in question can be found HERE. When hovering over the ZOOM button in Opera the mouseover image is partially hidden, and in one particular case (2nd ZOOM button down) after rolling off the image the mouseover image partially remains.

    Works fine in Firefox and Safari (been unable to test in IE yet) I'm guessing the problem comes down to z-index but my understanding of it is pretty poor.

    Any insight would be much appreciated (yes the coding's messy... it's a work in progress )

    Thanks!
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    Please fix your XHTML errors.

    Try giving a.screen a higher z-index.
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2006
    Posts
    15
    Rep Power
    0
    Originally Posted by Kravvitz
    Please fix your XHTML errors.

    Try giving a.screen a higher z-index.
    Thanks, doesn't seem to have helped though.

    On another note the W3 validator line numbers don't correspond at all with those in Dreamweaver... rather frustrating when trying to correct errors.
  6. #4
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2006
    Posts
    15
    Rep Power
    0
    Originally Posted by dunklk
    On another note the W3 validator line numbers don't correspond at all with those in Dreamweaver... rather frustrating when trying to correct errors.
    Scratch that, idiot moment, anyway page now validates.

    Back to the original problem... any ideas anyone? Thanks!
  8. #5
  9. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    You're just going to have to remove parts of the page until you find what's causing the problems.

    This is why it's best to test as you go instead of waiting to do the bulk of the testing at the end.
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).

IMN logo majestic logo threadwatch logo seochat tools logo