Web Design Forum: JS popup help working in FF but not IE - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

JS popup help working in FF but not IE

#1 User is offline   web-itec 

  • Expert
  • PipPipPipPip
  • Group: Members
  • Posts: 533
  • Joined: 23-March 11
  • Reputation: 53
  • Gender:Male
  • Location:United Kingdom
  • Experience:Advanced
  • Area of Expertise:Web Developer

Posted 03 February 2012 - 07:17 PM

Hello,

I have a popup help box for when a user hovers over the ? symbol and it displays the box with the text in etc and works fine in firefox but not in internet explorer, does anyone have a clue why this may be doing it

an example of one is on this page

http://web-itecsolut...php?page=search

if anyone could help it would be mostly appreciated, +1s ;)

Gary
0

#2 User is offline   mteam 

  • Web Guru
  • PipPipPipPipPip
  • Group: Members
  • Posts: 1,828
  • Joined: 07-November 09
  • Reputation: 247
  • Gender:Male
  • Location:Manchester
  • Experience:Nothing
  • Area of Expertise:Nothing

Posted 03 February 2012 - 08:11 PM

doctype needs to be the first thing in your code thats whats throwing ie
1

#3 User is offline   web-itec 

  • Expert
  • PipPipPipPip
  • Group: Members
  • Posts: 533
  • Joined: 23-March 11
  • Reputation: 53
  • Gender:Male
  • Location:United Kingdom
  • Experience:Advanced
  • Area of Expertise:Web Developer

Posted 03 February 2012 - 10:21 PM

View Postmteam, on 03 February 2012 - 08:11 PM, said:

doctype needs to be the first thing in your code thats whats throwing ie


seems to have helped a bit,

still its being a bit funny on the other ones,

try the one on this page

http://web-itecsolut...=6&page=account

login is disabled hence errors
0

#4 User is offline   mteam 

  • Web Guru
  • PipPipPipPipPip
  • Group: Members
  • Posts: 1,828
  • Joined: 07-November 09
  • Reputation: 247
  • Gender:Male
  • Location:Manchester
  • Experience:Nothing
  • Area of Expertise:Nothing

Posted 04 February 2012 - 12:01 PM

On the page you've posted is it just the last 3 that dont work if so looks like ther missing position:relative on the containing elements
1

#5 User is offline   web-itec 

  • Expert
  • PipPipPipPip
  • Group: Members
  • Posts: 533
  • Joined: 23-March 11
  • Reputation: 53
  • Gender:Male
  • Location:United Kingdom
  • Experience:Advanced
  • Area of Expertise:Web Developer

Posted 04 February 2012 - 12:41 PM

View Postmteam, on 04 February 2012 - 12:01 PM, said:

On the page you've posted is it just the last 3 that dont work if so looks like ther missing position:relative on the containing elements


i added them but i was talking about the way you hover on the question mark in places and it doesnt show the dialogue but if you hover above it slightly itll show the dialogue, its as if the image rollover is in a different place to the image we see if that makes sense
0

#6 User is offline   web-itec 

  • Expert
  • PipPipPipPip
  • Group: Members
  • Posts: 533
  • Joined: 23-March 11
  • Reputation: 53
  • Gender:Male
  • Location:United Kingdom
  • Experience:Advanced
  • Area of Expertise:Web Developer

Posted 04 February 2012 - 12:44 PM

mteam please read this also

http://www.webdesign...ct-place-in-ie/

the problems may be related some how
0

#7 User is offline   mteam 

  • Web Guru
  • PipPipPipPipPip
  • Group: Members
  • Posts: 1,828
  • Joined: 07-November 09
  • Reputation: 247
  • Gender:Male
  • Location:Manchester
  • Experience:Nothing
  • Area of Expertise:Nothing

Posted 04 February 2012 - 02:00 PM

Its the glow filter causing the problem try adding position:relative to .leftmain
1

#8 User is offline   web-itec 

  • Expert
  • PipPipPipPip
  • Group: Members
  • Posts: 533
  • Joined: 23-March 11
  • Reputation: 53
  • Gender:Male
  • Location:United Kingdom
  • Experience:Advanced
  • Area of Expertise:Web Developer

Posted 04 February 2012 - 03:00 PM

View Postmteam, on 04 February 2012 - 02:00 PM, said:

Its the glow filter causing the problem try adding position:relative to .leftmain


that done the trick :D thanks soo much

could you explain how the glow filter affected these things though so i know next time kind of thing +1
0

#9 User is offline   mteam 

  • Web Guru
  • PipPipPipPipPip
  • Group: Members
  • Posts: 1,828
  • Joined: 07-November 09
  • Reputation: 247
  • Gender:Male
  • Location:Manchester
  • Experience:Nothing
  • Area of Expertise:Nothing

Posted 04 February 2012 - 03:16 PM

I'm guessing what ever strengh you use it pushes the child elements down and right that much but adding a position stops it

on this page
if you remove the from the ie stylesheet magglass margin
and on #searchjobs set height to 16px and add top and bottom padding of 8px

see how that looks
0

#10 User is offline   web-itec 

  • Expert
  • PipPipPipPip
  • Group: Members
  • Posts: 533
  • Joined: 23-March 11
  • Reputation: 53
  • Gender:Male
  • Location:United Kingdom
  • Experience:Advanced
  • Area of Expertise:Web Developer

Posted 04 February 2012 - 03:35 PM

View Postmteam, on 04 February 2012 - 03:16 PM, said:

I'm guessing what ever strengh you use it pushes the child elements down and right that much but adding a position stops it

on this page
if you remove the from the ie stylesheet magglass margin
and on #searchjobs set height to 16px and add top and bottom padding of 8px

see how that looks


i removed it after i done the position:relative; on .leftmain

like you said it was the glow pushing un positioned things if that makes sense so i worked out that that was why the footer and the gobtn etc was moving as they all happened to move by 8px down and to the right

Thanks again, Gary
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users