Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Senior Coder
    Join Date
    Aug 2009
    Location
    Mansfield, Nottinghamshire, UK
    Posts
    1,547
    Thanks
    57
    Thanked 148 Times in 147 Posts

    Jumping IE 6 & 7 onclick

    Morning all, long time since I've posted in this area but I'm stumped. I recently built an online instant messenger which works a treat however there are some issues in IE6&7.

    mainly when I click on the link to open the contacts box, it jumps 5px up and down which I just cannot get my head round.

    I have striped it down and started again with a plain shell to see if anyone here knows where im going wrong.

    the css is:

    Code:
    #contacts_box { font-size:12px; width:200px; float:left; text-align:left; height:305px; overflow:hidden; }
    #contacts_header_bar { border-bottom:none; border-top:none; width:198px; height:15px; overflow:hidden;  }
    #contacts_details { width:198px; height:55px; overflow:hidden; border:1px solid #404040; border-left:none; border-right:none; }
    #contacts_list { height:200px; overflow:auto; background-color:#FFF;  }
    #contacts_list ul { }
    #contacts_list li { }
    #contacts_list li a, #contacts_list li a:visited, #contacts_list li a:hover { text-decoration:none; color:#404040; display:block;  }
    #contacts_list li a:hover { cursor:pointer; }
    #contacts_list li span.con_name { display:block; width:145px; }
    #contacts_list li span.con_status {}
    #trigger_details { display:block; height:273px; border:1px solid #404040; }
    #trigger_wrapper { height:203px; width:198px; overflow:hidden;  }
    #contacts_trigger_wrapper { width:198px; height:28px; border:1px solid #404040; background-color:#F4F4F4; }
    #contacts_trigger { display:block; }
    #contacts_trigger:active { color:#404040;  }
    #contacts_trigger:visited { color:#404040; }
    #contacts_trigger:hover { color:#404040; }
    #force_online, #force_offline, #force_away { font-size:10px; text-decoration:none; color:#404040; width:15px; height:15px; display: block; float:left; margin-top:3px; }
    #contacts_box #trigger_details .trigger { display:none; }
    and the link to my testing page is here: link to testing page

    Any help would be much appreciated, regards Phil
    Website Design Mansfield
    PHP Code:
    function I_LOVE(){function b(&$b='P'){$b.='P';}function a($_){return $_++;}$b='P';define("B",'H');b($b=implode('',array($b=a($b),$b=a(B))));b($b);return $b;}
    echo 
    I_LOVE(); 

  • #2
    Senior Coder
    Join Date
    Aug 2009
    Location
    Mansfield, Nottinghamshire, UK
    Posts
    1,547
    Thanks
    57
    Thanked 148 Times in 147 Posts
    bump...
    Website Design Mansfield
    PHP Code:
    function I_LOVE(){function b(&$b='P'){$b.='P';}function a($_){return $_++;}$b='P';define("B",'H');b($b=implode('',array($b=a($b),$b=a(B))));b($b);return $b;}
    echo 
    I_LOVE(); 


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •