1 Topic by James

  • James
  • Administrator
  • Offline
  • From: Ohio
  • Registered: June 15th, 2003
  • Posts: 545

Topic: Any CSS experts?

If you know CSS and are familiar with the myriad quirks of Internet Explorer, I've got a question for you:

Why do the left side buttons not highlight half the time? They render correctly but the highlight area is wrong. The buttons are <a style="display: block;"> so it stands to reason that the full displayed block would be the mousing area. Any idea why IE would foul it up?

Please respond in Community -> Forums -> Announcements.

James's Website

2 Reply by Mr Spy

  • Mr Spy
  • Moderator
  • Offline
  • From: Netherlands
  • Registered: December 14th, 2003
  • Posts: 598

Re: Any CSS experts?

IE is just evil...

Didn't really look into it but could it be related to http://murphy.cz/ie7-hover-ghosts-bug/ ?

3 Reply by Mister Rob

  • Mister Rob
  • Spammer
  • Offline
  • From: Netherlands
  • Registered: May 30th, 2007
  • Posts: 833

Re: Any CSS experts?

It does it with Firefox as well, once i went over them with my cursor once they work fine

Evil Devil - Prometherion

4 Reply by fortminor

  • fortminor
  • Member
  • Offline
  • Registered: June 28th, 2007
  • Posts: 62

Re: Any CSS experts?

Forget about IE, use Google Chrome. 5x faster and you don't get pop-ups.

If practice makes perfect, and no ones perfect, why practice?

Lvl: 526 Skill total:34xx

5 Reply by Mr Spy

  • Mr Spy
  • Moderator
  • Offline
  • From: Netherlands
  • Registered: December 14th, 2003
  • Posts: 598

Re: Any CSS experts?

Yes but tell that to all the nubies out there who think their IE browser is 'the internet'.

6 Reply by Mumblee

  • Mumblee
  • Moderator
  • Offline
  • Registered: June 16th, 2003
  • Posts: 547

Re: Any CSS experts?

My best guess is that the onhover isn't triggering in IE7 because the div with id='main' is in front of it.  The three bottom buttons change just fine.  Try using z-index to fix this.

7 Reply by James

  • James
  • Administrator
  • Offline
  • From: Ohio
  • Registered: June 15th, 2003
  • Posts: 545

Re: Any CSS experts?

Mumblee wrote:

My best guess is that the onhover isn't triggering in IE7 because the div with id='main' is in front of it.  The three bottom buttons change just fine.  Try using z-index to fix this.

z-index fixed it. Thanks. Now to deal with IE7's lack of display: table smile
In what sense is it in front of it though? I am curious where in the CSS you get that from

James's Website

8 Reply by Imwhite

  • Imwhite
  • Member
  • Offline
  • Registered: October 20th, 2009
  • Posts: 89

Re: Any CSS experts?

For whom it may concern ive talked with zer ect., this is for Gms mainly cuz u other poeple dont matter, i gave FULL account/ email info all to flames step son magistrate, if anyone should get to use a char james spent ages building its him, cuz it shouldnt just be jailed or never logged, talk to zer  if u got ?s so dont harrass magi over anything thanks

9 Reply by Mumblee

  • Mumblee
  • Moderator
  • Offline
  • Registered: June 16th, 2003
  • Posts: 547

Re: Any CSS experts?

Zer wrote:
Mumblee wrote:

My best guess is that the onhover isn't triggering in IE7 because the div with id='main' is in front of it.  The three bottom buttons change just fine.  Try using z-index to fix this.

z-index fixed it. Thanks. Now to deal with IE7's lack of display: table smile
In what sense is it in front of it though? I am curious where in the CSS you get that from

I was just using Firebug and highlighting the two divs when I noticed the conflict.  Floating divs sometimes act weird like that.  The left-floating div fights with the margin of the middle div.  I think because it's a stack/FIFO mentality for displaying objects, the middle block was "on top".