Grow your CSS skills. Land your dream job.

Remote Navigation Issues in IE6

  • # September 10, 2009 at 11:09 am

    Regards everyone.

    I’ve designed a freebie site for my Church, and, after several redesigns, have resolved some earlier display issues, mainly in IE6.

    My current redesign validates in html, and validates in CSS (other than a hack I’ve inserted for IE min & max width properties).
    Everything seems to cooperate until I view the site using IE6, and my remote navigation does not display correctly.

    Here is the matrix that I’ve created for the remote navigation:
    [img]http://www.unioncitycc.org/images/matrix.jpg[/img]

    The matrix is pretty straightforward… 4 rows, 4 columns.
    Column #1 is the static image, column #2 is the rollover image.
    Column #3 is static, column #4 is the rollover image… simple enough.
    CSS handles the image, allowing only 1 image load to create 16 separate images, with faster load time.
    However, IE6 handles the images oddly by revealing 1 1/2 images (static + 1/2 of the rollover) at the same time.

    From what I can see, IE6 is the only browser that does this.

    Any suggestions as to a remedy?
    Thanks!
    DD

    Here is a sample of my remote navigation:
    http://www.unioncitycc.org/remote/remote.html

    My test site is:
    http://www.unioncitycc.org/indexTEST.html

    # September 10, 2009 at 11:12 am

    I undertook the philosophy of not developing for IE6 any more..

    The more people support it the more life it has in it.

    # September 10, 2009 at 11:33 am

    Lee,

    I am very honestly nearing the same point myself.

    It’s very frustrating to me that the site is OK elsewhere, but breaks down in IE6.
    Argh!

    If there is some simple way of resolving this, I’d like to try.
    I’m just uncertain that a simple solution exists.

    DD

    # September 10, 2009 at 11:42 am

    I wish you look dude..

    :)

    # September 10, 2009 at 2:07 pm

    Ooops!

    I just realized a glitch in my link from the original post.
    Here’s the correct link:

    http://www.unioncitycc.org/indexTEST.html

    # September 10, 2009 at 2:24 pm

    Try setting the width on the "a" tag. I wish I had IE6 to test, works fine on IE7….

    # September 10, 2009 at 5:05 pm

    OK,

    I’ve tried the width property with no success.

    Since it seems to be only specific to ie6, I’m using a js prompt to update.
    I despise using js for this, but I’m in real need of finishing this site & making it public, so this will do until a resolution is discovered.

    Any suggestions in resolving this issue would be greatly appreciated.

    Regards.
    DD

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".