PDA

View Full Version : Site logo script not showing up in firefox



gjoaquin
10-19-2005, 12:52 PM
Any thoughts on this??? At first i thought it was because i assigned it a negative z-index value since for some reason firefox does not like that. But when i tried removing the - z-index value it still wouldnt show up. I know it should since i can see from the demo when i went to dynamic drive that it is compatible. It works just fine on ie. The url is giyang.blogspot.com

jscheuer1
10-19-2005, 01:27 PM
It might be because you have this:


if (ie||document.getElementById||document.layers)

at the end of http://www.freewebs.com/gjoaquin/staticlogo.js. It is the beginning of a conditional statement but, since you have removed the rest of it to combine with your other '<body onload=' statements, FF could be ignoring the rest of the script. Try removing it and see what happens. If that fixes it, your body onload should be amended to this:


<body onload="fall();earthquake();if (ie||document.getElementById||document.layers) {beingwatermark();}">

gjoaquin
10-19-2005, 11:19 PM
where will i remove the if (ie||document.getElementById||document.layers)??? Is that in my staticlogo.js file? Or is that the one in the the disable rightclick script?

jscheuer1
10-21-2005, 05:00 AM
It is in:

http://www.freewebs.com/gjoaquin/staticlogo.js

gjoaquin
10-26-2005, 07:39 AM
i tried that but it still would not show up
any other ideas??

jscheuer1
10-26-2005, 03:04 PM
Well, it is still there. I tried locally and removing it does fix the problem.

lferguson
10-26-2005, 06:09 PM
I am having the same problem. I have already tried the solution suggested, to no avail. Please help! http://www.fcsbetasite.flintschools.org/test.html
http://www.fcsbetasite.flintschools.org/staticlogo.js

jscheuer1
10-27-2005, 05:24 AM
lferguson,

Your test page and script are not, at the moment, available pages. the base address:

www.fcsbetasite.flintschools.org

appears to be invalid.

lferguson
10-27-2005, 12:01 PM
John,

My apologies. That subdomain isn't public. Try this...

http://www.flintschools.org/test.htm
http://www.flintschools.org/staticlogo.js

It isn't working in IE or FF.

Thanks for your help.

Lottie

lferguson
10-27-2005, 03:18 PM
Nevermind! I got it going!

Thanks!

sithstemple
01-28-2006, 04:58 PM
Is there any way for this effect to be recreated purely in CSS? The reason I ask is that I am trying to make a fully accessible site, and I like this effect. However, I cannot get fully accessible status if I include Javascript.

Any ideas?

Many thanks.

jscheuer1
01-28-2006, 10:22 PM
You can use the css style property/value pair:

position:fixed;

to have an element remain at a particular spot on the page. This will not work in IE though. However, you could also use the script and have the css version inside <noscript></noscript> tags.


However, I cannot get fully accessible status if I include Javascript.

That may or may not be true. It shouldn't be true. True full accessibility does not rely upon the presence or absence of scripts rather, upon what happens if the script does not run. As long as the script's not running does not deprive a user of any relevant content, accessibility has not been compromised by using it for those users that can see its 'special effect'.

Oh, there is also a way to get IE to behave as though it uses fixed positioning, it is a little tricky but, if you understand css and stacking order in a page, you can make it work:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Position fixed equivalent</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}

* html {
overflow: hidden;
}
* html body {
overflow: auto;
}

/* to actually be fixed, this element's stacking
context must be relative to the root element. */
.fixed {
position: fixed;
right: 10px;
bottom: 10px;
}
* html .fixed {
position: absolute;
right: 25px;
}
</style>
</head>
<body>
<div class="fixed">hey, look at me, fixed text in IE!</div>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
<p>a paragraph</p>
</body>
</html>