Problem with Hover over in IE

Discussion in 'CSS' started by bnolan2, Jul 2, 2007.

0
  1. #1
    Please see http://edtweb19dev256.edthosting.com/collections.asp

    I am an experienced developer, but new at CSS. The hover-over info boxes work fine in Firefox, Safari, but in IE, the info box goes BEHIND the images that are next to it. I have no idea how to fix this and have tried many different things. This isn't true CSS, since I am using it with tables (which may be the cause of my problems). Please help me out!

    Brian
     
    bnolan2, Jul 2, 2007 IP
  2. hostcord

    hostcord Peon

    Messages:
    35
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    have you tried using z-index?
     
    hostcord, Jul 3, 2007 IP
  3. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #3
    That is way too much code for the effect you're trying to achieve.

    First thing I suggest you do is start using a proper DOCTYPE with a link to the DTD declaration in it. Whether you use HTML or XHTML is up to you, but make sure your code validates against the DOCTYPE you choose.

    Second, learn how to use proper semantic markup. Using tables for layout can cause usability and accessibility issues, and are also a pain in the neck to maintain.

    Third, I strongly suggest you look up "disjointed CSS rollovers" - you may have to use a .htc file for IE 5/6 (since IE 5/6 do not understand :hover on anything but links), but it is a small price to pay. Of course, you can make the images links to individual pages which will solve the issue (and can also provide more information on the outfits the model is wearing).
     
    Dan Schulz, Jul 3, 2007 IP