Grow your CSS skills. Land your dream job.

IE6 strikes again – Need Help ASAP!

  • # January 14, 2009 at 3:10 pm

    Here is my URL

    http://www.tradingpins-on-sale.com/test.php

    You’ll notice on this page that upon hover that my background image doesn’t change nor does the cursor indicate that it is indeed a link – doesn’t change to a hand. Also my CSS is set to where all other links other than the current one are to be black background w/ white lettering

    Lastly – getting some strange gaps above and below this little jquery feature going

    Any help is greatly appreciated

    # January 15, 2009 at 3:19 pm

    If anybody has an opportunity to check out the following link it would be GREATLY appreciated

    http://www.tradingpins-on-sale.com/test.php

    My issues are detailed in my first posting.

    This site will hopefully launch next week but not w/o a fix for these two issues – well at least the ‘gap’ issues that exist.

    Yeah…I know no fun dealing with IE6 issues. I’ve tried all I know to do.

    Thanks crew!

    # January 15, 2009 at 4:55 pm

    The positioning doesn’t seem to be an IE6 issue, it doesn’t look right in FF3 or Safari either. Ah, but upon further looking, IE6 has a completely different issue.

    If the site is close to launch this point is probably moot, but I was literally just yesterday explaining to somebody how green and purple was one of the worst combination of colors imaginable. Sooo… yea.

    For the nav, change your positioning from "center top", "center center" and "center bottom" to px’s, hopefully that’s where IE6 is screwing up. Change it to "0 0" (green bg, black text), "0 -33px" (black bg, green text) and "0 -68px" (black bg, white text), or something close to that. Try removing the "scroll" on them as well, it doesn’t need to be there.

    # January 15, 2009 at 5:45 pm

    Thanks Doc. The whole color deal is what ‘the man’ wants. It’s young kids who are the prime market and funky colors, etc have proven to be right on target with this audience. Definitely not my personal preference but again designing for the right market.

    I’ll check out your suggestion on the nav portion

    Have no clue about why that header image gets stuck down below the div right below. I do have height and width set – nothing real complicated there.

    Any ideas about the gaps above and below that slider portion?

    Thanks again

    # January 16, 2009 at 12:20 pm

    If for any reason you are following this post and curious as to some fixes for my issues here’s the rundown

    1 – In FF 2 & 3 – for some reason #header was found sliding down underneath the div below it
    FIX: display: block inserted into #header – still not sure how that happened since only thing in that div was just an image. Not sure how it was previously viewed as an inline element

    2 – unit png fix script not jiving with background tab images – apparently background position not supported by this script and it renders the links unclickable
    FIX – changed png’s to gif’s

    3 – the gap below the hor. scroller was due to IE6 not allowing an element #topContainer to be smaller than the current text size line height
    FIX – set small font size in that div, ie., font-size: 1px

    # January 16, 2009 at 1:12 pm
    "rebelbwb" wrote:
    2 – unit png fix script not jiving with background tab images – apparently background position not supported by this script and it renders the links unclickable
    FIX – changed png’s to gif’s

    V2.0 of Twin Helix supports background position:
    http://www.twinhelix.com/css/iepngfix/

    # January 16, 2009 at 2:48 pm

    that’s good to know – thx

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".