I searched, but couldn't find anything relating to this specific issue. My website is http://www.stutteringdiscussion.com and if you view the website on a PC, everything is fine. If you view it on a Mac using the Safari browser...the site is there, but all the internal links are gone...if I click anywhere in the page, the links all magically appear...but if you try to hover over them, they all disappear one by one until the site collapses on itself, leaving only the un-linked text and articles. If you click anywhere in the text...once again, the page goes back to normal...but you still cannot hover over any links or the disappearing act happens all over again.
This only occurs in Safari.
To offer a bit more information...I also helped build http://www.yourcoach.com, but the Safari issue doesn't happen on that site. So, there is something unique to http://www.stutteringdiscussion.com that makes this phenomenon occur.
Any insight would be greatly appreciated. Thank you!
Tony Pearson
Comments
I'm a Moron
I can't believe that I forgot that I already posted this issue some time ago. I posted it again today as if I never asked this before. Sorry.
I've just looked at your
I've just looked at your site in Safari 2.0.4 and Firefox 2.0.0.3 and it looks identical in both, no sign of the problem you mentioned.
What version of Safari are you using?
Safari 2.0.4... 1. Your
Safari 2.0.4...
1. Your style sheets are not loading for me...
2. HTML syntax errors... http://validator.w3.org/check?uri=http%3A%2F%2Fwww.stutteringdiscussion....
Not sure if that helps....
ok, on my fourth attempt at reloading you page, the style sheets loaded and things look like a normal page... I click a link...another malformed page, clicking back doesn't take me to the fully loaded home page, but the home page minus a lot of content. But then when I drag on the page to see if there's text on the same color background, the page appears.
This seems like a syntax problem to me. The first thing I'd do is track down every syntax error and fix them first.
Aha, now I see the disappearing link thing you mention.
Edit to my correction post
I changed the entire body tag in the typography style sheet to this:
body {
font-family: Arial, Helvetica, sans-serif;
}
The last post where I said I took out the 1.3 didn't solve it as I thought. This did, though. Totally changed body tag. Weird.
Thank you
I appreciate your looking at the site. I did correct the Safari problem...but there are other style issues...like the extra space to the right of the front page. I've tried a number of things, but it is still there. I think it's just a matter of playing around with the style sheets. I'm still learning. And going blind doing so.
Problem Solved
Amazing. It was a simple Typography.css issue. The Safari browser on the Mac didn't like this body tag in the typography style sheet:
body {
font: 13px/1.3 "Arial", sans-serif;
margin: 3px 0 3px 0;
}
I took out the /1.3 and the problem disappeared. Awesome.
The problem is in the slashes
The problem is that Safari doesn't interpret // as nomenclature for comments. I ran across this problem today when I had a line commented out like this:
// This is a comment.
Instead, in your style sheet, write comments like this:
/* This is a comment */