Anyone else know why my lovely new webpage doesn't work in anything but firefox?

sasquatch

I've been building a new homepage at
http://astarisk.shrimpyguy.com/index.html
But for some reason it only works in firefox, any ideas? Feel free to
look through my source.

I was going to use this as a base for a CMS (PHP/MySQL) which I would
build the template around...

Thanks in advance,
Sasquatch

Oct 23 '06 #1

Andy Dingley

sasquatch wrote:

http://astarisk.shrimpyguy.com/index.html
But for some reason it only works in firefox, any ideas?

You've used XML-style for a script element
<script type="text/javascript" language="JavaScript" src="res/js/nf.js"
/>

Most browsers (not FF) will see this as just one open tag for <script>
and then treat the entire rest of the page as JavaScript. Not only is
this probably duff if treated as JavaScript, it means that it doesn't
try to render the content as content == blank page.

Apart from that, then markup is pretty scrappy anyway.

Put a real doctype on there (HTML 4.01 Strict) and make the code
validate.

This is bogus <a href="javascript:..." >
(If you must use JavScript, use an event not the javascript: pseudo
protocol)

If you're going to use CSS and <divto handle layout, I doubt if sizes
in pixels are the best way to do it. Do it with ems instead, try and
get them all into an external stylesheet.

There's a lot of <table>-based layout in there

I hate the ultra-low contrast colour scheme too.

Oct 23 '06 #2

Beauregard T. Shagnasty

sasquatch wrote:

I've been building a new homepage at
http://astarisk.shrimpyguy.com/index.html
But for some reason it only works in firefox, any ideas? Feel free to
look through my source.

Looks the same to me in Firefox and Opera. All I get in IE6 is the
misplaced "HI" after your opening <htmltag.

Perhaps fixing the errors would help.
<http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fastarisk.shrimpyg uy.com%2Findex.html>

Further, you can do away with the font-size selection stuff, if you
don't assign font sizes in your CSS.

Change the body to { font-size: 100%; ...}
Use other sizes only for headings and legalese. This way each visitor
will get his/her own default size.

In your CSS, sans serif is not a font, but sans-serif is. Add the
hyphen.

The colors make it .. well .. hard to read.

--
-bts
-Motorcycles defy gravity; cars just suck

Oct 23 '06 #3

RobG

sasquatch wrote:

I've been building a new homepage at
http://astarisk.shrimpyguy.com/index.html
But for some reason it only works in firefox, any ideas? Feel free to
look through my source.

Seems to work OK in Safari, however there is a missing closing brace "}"
in your captureMousedown function declaration. You should end
javascript statements with a semi-colon, don't rely on automatic insertion.
--
Rob

Oct 23 '06 #4

sasquatch

Okay, I can see your point about the script element, I'm not really
familiar with that one. As for the doctypes and messy markup, I did
strip a lot of stuff out of there already in the hope of solving the
problem. I was obviously on the wrong track, so thanks for your help
and I will bear your other comments in mind.

Oct 24 '06 #5