PDA

View Full Version : Resolved Link Floatie script IE 8 problem



Paramasivan
09-24-2011, 04:26 PM
1) Script Title: Link Floatie script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex5/linkfloaties.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?

jscheuer1
09-25-2011, 12:52 AM
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):


@charset "utf-8";
/* CSS Document */

.biosbg {
position:relative;
top:33px;
}
img.biostext {
top:-98px;
}
.editform input {
height:17px;
padding-top:3px;
}

to:


@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:


<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:


</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.

Paramasivan
09-25-2011, 02:07 PM
Thank you very much. Now it is displaying correctly in (bull ****) Internet Explorer.