Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.
-
- CommentAuthormariachi77
- CommentTimeApr 22nd 2006
Hi,
Please have a look at this page: http://www.stroke7.com/test/ with Safari and you will see the issue I am having. I develop on the PC, so I honestly have no idea how to approach this problem. This tests fine on Firefox 1.5 and IE 6, IE 5.5, IE 5.01 on WinXP SP2.
The page uses the Script.aculo.us animation effects library. Using Javascript, the page generates the next / previous arrows, and assigns onclick behaviours. It's supposed to fade out the current item and fade in the next item. No worries on PC.
However, my friend tells me that Safari puts a big white block over everything after the page loads. Any suggestions? Is this a CSS issue? or Javascript issue?
CSS: http://www.stroke7.com/test/css/s7.css
Javascript: http://www.stroke7.com/test/js/s7.js
Any help would be greatly appreciated.
Mike -
- CommentAuthormariachi77
- CommentTimeApr 24th 2006 edited
OK, I have figured out the culprit: it's the CSS, not the Javascript.
There is one line in my code which just throws Safari for a loop:
div.work-js {
overflow:hidden; <-- this line
}
Anyway, I moved that line over to the IE styles and things seem to be alright now. For all the evils that IE presents to the web design community at least we have conditional comments. Are there any CSS hacks / ways to hide rules from Safari without invalidating our stylesheets?
The fixed site: http://www.stroke7.com/test2/ -
Remember that to turn on JS debugging in safari you're gonna need to change some settings. The debug toolbar isn't available by default.
We hated having to troubleshoot safari though just because the error reporting is so horrible
1 to 3 of 3