[resolved] Header issue in IE 7 (6 posts)

  1. faustina
    Posted 8 years ago #

    Could anyone have a look at my header/top bar in IE for me? There is absolutely nothing in my css which makes it un-aligned. I have changed the widths a bit to try and fix the problem, but I just can't figure it out. Part of me thinks that it may just be my computer viewing it strangely because I see no cause for it.


    Any opinions are welcome, including those on site design etc.

  2. vkaryl
    Posted 8 years ago #

    Well, I don't see any "disalignment" in either FF or IE7. What I DO see is that the header graphic flashes "off" and "on" with mouseover in IE7.

  3. faustina
    Posted 8 years ago #

    I thought the strange alignment may have been just me. I have my screen set at a higher dpi than the normal web res of 72 so things in IE look funny sometimes.

    The blinking hover is because my header hover images don't pre-load so when you hover you have to wait a bit for them to start showing. I don't know how to fix this, is there a way to fix it?

  4. incertus
    Posted 8 years ago #

    There are a bunch of different ways to preload images for mouseover effects.

    There is javascript which of course doesn't work if someone has it turned off in their browser. Sample here;

    or a couple of different ways with css. One has you call the image on page loading with a display property of none but it is loaded and ready for the mouseover and that is explained here;

    and another css technique which uses negative positioning and such is explained here;

  5. faustina
    Posted 8 years ago #

    That second option looks great. Just to make sure, I put that code specified into my header.php correct?

  6. faustina
    Posted 8 years ago #

    I got it working. Thank you so much.

Topic Closed

This topic has been closed to new replies.

About this Topic