Member Avatar for jb1ker

Hi
I've been looking for this one like crazy but I just can't find it. Hope anyone can help me out. On my website I have a sliding banner that uses a background image 'repeat'. It shows up perfectly in Firefox, Chrome, Safari but not in IE. I've tried many different things but I don't know what's causing it.

The interesting part is that the #bottomslider (which holds the 3 circles) has the same background image and it shows in IE.

Sincerely hope your coding skills can help me.
Jacob

  • 4 Contributors
  • 6 Replies
  • 172 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by Varnius
Member Avatar for teedoff

A sliding banner where? In your header? I viewed your page in IE 8 and firefox 3.6 and they both look the same. Not sure whats missing then.

Member Avatar for teedoff

Just out of curiousity, have you tried to validate your code at w3c? Might give some indications as to why this issue is occurring.

Member Avatar for jb1ker

A sliding banner where? In your header? I viewed your page in IE 8 and firefox 3.6 and they both look the same. Not sure whats missing then.

Thanks for the response. The sliding banner has three images that rotate. In IE that background is blue while it should be grey as it is in Firefox.

Member Avatar for teedoff

Ahhhh ok..lol I see what you mean..Wow big difference in color. Also it seems to be a bit smaller top to bottom in IE. Not sure whats going on myself. I know there are many elements that translate differently on different browsers. Colors should be colors though..lol Different screens show colors slightly different. I had a page one time and the background was set to an off white, but on my laptop it was white.

Member Avatar for Varnius

Take a look here.

It seems that your javascript sets blue backgrounds on #slider and all three divs inside it and overrides your styles. I`m not sure which .js but cycle.js might be it.

By the way, why are you using two jQuery libs?
And don`t use iepngfix.htc for fixing transparent stuff in IE. This proves to be a better solution (requires javascript though).

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.