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