Advanced Search

Results 1 to 3 of 3

Thread: Link Floatie script IE 8 problem

  1. #1
    Join Date
    Jan 2011
    Posts
    45
    Thanks
    9
    Thanked 0 Times in 0 Posts

    Default Link Floatie script IE 8 problem

    1) Script Title: Link Floatie script

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nkfloaties.htm

    3) Describe problem: It is displaying correctly in all browsers exept ie 8.

    Hosted URL : http://streetcornersymphony.org/contact.html

    There are images of 6 persons at the bottom which are associated with Floatie tool tip. In Internet Explorer 8, when the image is hovered over then it adds around 900 px height below the footer and the Link Floatie is displayed over there and no body will come to know that they have to scroll down the screen. This problem is not present in other browsers.

    Any help?
    Last edited by Paramasivan; 09-25-2011 at 02:09 PM.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,704
    Thanks
    43
    Thanked 3,133 Times in 3,097 Posts
    Blog Entries
    12

    Default

    The ie8.css makes the class="biosbg" division position relative. That pushes the floatie down and to the left relative to the class="biosbg" division, instead of to the body as intended. You could skip that and use margin to position the class="biosbg" division. Change (from the ie8.css file):

    Code:
    @charset "utf-8";
    /* CSS Document */
    
    .biosbg {
    	position:relative;
    	top:33px;
    }
    img.biostext {
    	top:-98px;
    }
    .editform input {
    	height:17px;
    	padding-top:3px;
    }
    to:

    Code:
    @charset "utf-8";
    /* CSS Document */
    
    .biosbg {
    	margin-top:66px;
    }
    img.biostext {
    	top:-98px;
    }
    .editform input {
    	height:17px;
    	padding-top:3px;
    }
    And/or you can move the dhtmlfloatie division to the first thing after the opening <body> tag. Get rid of the highlighted:

    Code:
               <div class="biosbg">
                         <div id="dhtmlfloatie" ></div>
                         <a href="johnmartin.html" title="John Martin" onMouseover="showfloatie(floattext[0], event)"><img src="images/johnmartin.png" alt="John Martin" class="johnmartin" /></a>
                         <a href="adamchance.html" title="Adam Chance" onMouseover="showfloatie(floattext[1], event)"><img src="images/adamchance.png" alt="Adam Chance" class="adamchance" /></a>
                         <a href="jonmclemore.h . . .
    Put it here:

    Code:
    </head>
    
    <body>
                         <div id="dhtmlfloatie" ></div>
          <div class="pagebody">
               <div class="logo">
                    <a href="index.html" title="Home"><img src="images/logo.png" /></a>
               </div>
               
               <div id="myjqu . . .
    You should probably do this second one anyway. That way no matter what kind of positioning other elements on the page might in the future end up with in whatever browser(s), the dhtmlfloatie division will not be affected by it.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    Paramasivan (09-25-2011)

  4. #3
    Join Date
    Jan 2011
    Posts
    45
    Thanks
    9
    Thanked 0 Times in 0 Posts

    Default

    Thank you very much. Now it is displaying correctly in (bull ****) Internet Explorer.

Bookmarks

Posting Permissions

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