- Bought between 10 and 49 items
- Exclusive Author
- Has been a member for 4-5 years
- Referred between 1 and 9 users
- Sold between 10 000 and 50 000 dollars
- United States
Alright, I’m in desperate need of help, as I have absolutely no idea why this is happening- I just recently finished a website that lets you quickly search for cover art for albums:
http://www.labusdesign.com/5byfive/
Everything works perfectly in Safari 4 (on Mac). However, the site does not work in ANY other browser! I’ve tried viewing it (on multiple machines) in Firefox 3, Internet Explorer 7, and Internet Explorer 8, and nothing on the page appears- just a blank white page (not even the page background color is set). No errors reported whatsoever, all code is fully valid, and if I right click and view the source of the page, it’s all perfect- but not a single thing shows up in the window.
Anybody have any ideas?
- Attended a Community Meetup
- Author had a Free File of the Month
- Author was Featured
- Blog Editor
- Bought between 50 and 99 items
- Contributed a Tutorial to a Tuts+ Site
- Envato Staff
- Exclusive Author
- Featured in a Magazine
Is it because of this line…possibly?
javscript:searchComplete();
(missing “a”)
- Bought between 50 and 99 items
- Exclusive Author
- Has been a member for 4-5 years
- Referred between 10 and 49 users
- Sold between 10 000 and 50 000 dollars
- United States
Firebug says: “Failed to load source for: http://www.google.com/jsapi” That might have something to do with it?
- Author was Featured
- Bought between 1 and 9 items
- Europe
- Exclusive Author
- Has been a member for 3-4 years
- Item was Featured
- Sold between 10 000 and 50 000 dollars
Same as Pandemic, Firebug says
Failed to load source for: http://www.google.com/jsapi
- Author was Featured
- Bought between 1 and 9 items
- Has been a member for 4-5 years
- Item was Featured
- Referred between 50 and 99 users
- Sold between 1 000 and 5 000 dollars
- United Kingdom
You can’t “self-close” script tags. Change them to this:
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script src="javascript/jquery.js" type="text/javascript"></script>
<script src="javascript/javascript.js" type="text/javascript"></script>
That should fix it…
- Sold between 50 000 and 100 000 dollars
- Has been a member for 4-5 years
- Referred between 50 and 99 users
- Bought between 10 and 49 items
- Contributed a Tutorial to a Tuts+ Site
- Item was Featured
- Exclusive Author
- United States
- Microlancer Beta Tester
+ you have your CSS styles in a <!- ->.
- Author was Featured
- Bought between 1 and 9 items
- Europe
- Exclusive Author
- Has been a member for 3-4 years
- Item was Featured
- Sold between 10 000 and 50 000 dollars
+ you have your CSS styles in a <!- ->.
Funny, I noticed that too, but for some reason the page appears styled in Safari. Plain weird.
- Bought between 10 and 49 items
- Exclusive Author
- Has been a member for 4-5 years
- Referred between 1 and 9 users
- Sold between 10 000 and 50 000 dollars
- United States
Alright, not sure which one of those errors caused the problem, but I fixed them all, and it works like a charm now!
I really appreciate the help guys, thanks!
P.S. Any thoughts, comments, suggestions on the site, feel free to share! 
- Author was Featured
- Bought between 1 and 9 items
- Has been a member for 4-5 years
- Item was Featured
- Referred between 50 and 99 users
- Sold between 1 000 and 5 000 dollars
- United Kingdom
It would have been the script thing that caused the problem… I’m pretty certain.
There is nothing wrong with putting comment tokens around your inline CSS . In fact, they’re useful for hiding styles from older browsers. The W3C even says so:
“CSS style sheets are often embedded in HTML documents, and to be able to hide style sheets from older UAs, it is convenient put the style sheets inside HTML comments. The HTML comment tokens ”<!-” and “->” may occur before, after, and in between the statements”
Request processing...