Web Hosting Talk







View Full Version : Floating Menu Floats Away?


cuddles71
12-28-2008, 05:30 AM
Evening folks. I've got a real pickle of a problem here, and I just can't solve it! I'm getting desperate here. Can someone tell me where I'm going wrong?
On our site, we have a floating menu. Works perfectly in Firefox, but in IE, it's WAY off. I've tried everything, and just cannot get it to float in the right location!
Attached are screenshots of the menu in Firefox and in IE for comparison.
And here's the code I'm using for the menu:
<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>
<layer id="divStayTopLeft">
<!--EDIT BELOW CODE TO YOUR OWN MENU-->
<table border="0" width="130" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<img src="/images/navheader.png"></td>
</tr>
<tr>
<td width="100%" background="/images/navbody.png" align="center">
<font size=3 color=blue><strong><a href="http://kjsr.net"><img src="/images/home.gif" width=100></a></strong></font>
</td>
</tr>
<tr>
<td width="100%">
<img src="/images/navfooter.png"></td>
</tr>
<tr>
<td width=100%">
<img src="/images/navheader.png">
</td>
</tr>
<tr>
<td width="100%" background="/images/navbody.png" align="left"><font size=1>
<img src="/images/spacer15.png"><a href="http://kjsr.net/about">About KJSR.net<br></a>
<img src="/images/spacer15.png"><a href="http://kjsr.net/email-us">Contact Us!</a><br>
<img src="/images/spacer15.png"><a href="http://kjsr.net/dj-application">DJ Application</a><br>
<img src="/images/spacer15.png"><a href="http://kjsr.net/e-cards">e-Cards</a><br>
<img src="/images/spacer15.png"><a href="http://kjsr.net/faq">FAQ</a><br>
<img src="/images/spacer15.png"><a href="http://kjsr.net/kjsr-fan-club">Fan Club</a><br>
<img src="/images/spacer15.png"><a href="http://kjsr.net/forums">Forums</a><br>
<img src="/images/spacer15.png"><a href="http://kjsr.net/our-djs">Our DJs</a><br>
<img src="/images/spacer15.png"><a href="http://kjsr.net/wpg2-2">Photo Gallery</a><br>
<img src="/images/spacer15.png"><a href="http://kjsr.net/events">Schedule Event</a><br>
<img src="/images/spacer15.png"><a href="http://kjsr.net/show-archive">Show Archives</a><br>
<img src="/images/spacer15.png"><a href="http://kjsr.net/show-schedule">Show Schedule</a><br>
</font>
</td>
</tr>
<tr>
<td width=100%">
<img src="/images/navfooter.png">
</td>
</tr>
<tr>
<td width=100%">
<img src="/images/navheader.png">
</td>
</tr>
<tr>
<td width="100%" background="/images/navbody.png" align="left"><font size=1>
<img src="/images/spacer.png"><a href="http://208.53.138.151:8546/listen.pls">
<img border="0" src="/wp-content/plugins/sc_widget/itunes.png" alt="" /> iTunes</a><br/>
<img src="/images/spacer.png"><a href="http://208.53.138.151:8546/listen.pls">
<img border="0" src="/wp-content/plugins/sc_widget/qcd.png" alt="" /> QCD</a><br/>
<img src="/images/spacer.png"><a href="http://www.smokin-media.com/castcontrol/playlist.php?id=299&type=ram">
<img border="0" src="/wp-content/plugins/sc_widget/real.png" alt="" /> RealPlayer</a><br/>
<img src="/images/spacer.png"><a href="http://208.53.138.151:8546/listen.pls">
<img border="0" src="/wp-content/plugins/sc_widget/winamp.png" alt="" /> Winamp</a><br/>
<img src="/images/spacer.png"><a href="http://kjsr.net/wp-content/plugins/sc_widget/kjsr.asx" target="_blank">
<img border="0" src="/wp-content/plugins/sc_widget/wma.png" alt="" /> Windows MP</a><br/>
<img src="/images/spacer.png"><a href="http://208.53.138.151:8546/listen.pls">
<img border="0" src="/wp-content/plugins/sc_widget/vlc.png" alt="" /> VLC</a><br/>
<script type="text/javascript">
<!--
function openradiowma_$number(){
window.open ("/wp-content/plugins/sc_widget/wma.php?url=http://208.53.138.151:8546&title=$title",
"Radio",
"toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=no,copyhistory=no,width=345,height=300");
}
//-->
</script></font>
</td>
</tr>
<tr>
<td width=100%">
<img src="/images/navfooter.png">
</td>
</tr>
</table>
<!--END OF EDIT-->
</layer>
<script type="text/javascript">
/*
Floating Menu script- Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/
//Enter "frombottom" or "fromtop"
var verticalpos="fromtop"
if (!document.layers)
document.write('</div>')
function JSFX_FloatTopDiv()
{
var startX = 5,
startY = 5
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function()
{
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/3;
}
else{
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/3;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();
</script>

bear humbug!
12-28-2008, 10:11 AM
*moved from programming*