js css redirect problem

[craigtaylor74]

I'm using this js to select a css depending on screen resolution:

if (window.screen.width <= 800) {
document.write('');
document.write('');
}
if (window.screen.width > 800) {
document.write('');
document.write('');
}

It's in an external js file and here's the relevant bit of the html file:







It works fine for ie and opera but not in Firefox so I was wondering if there was anything wrong with the way I've done it?

Craig

[kram 2.0]

Can you post the script verbatim as you have it on the webpage? Spacing and such really do matter, especially since Firefox is a more strict code reader than MSIE or Opera. Use the [ php ] tags.

kram

[craigtaylor74]

sorry. here are the important parts from the head and external js file:

<link href="glasgowapartment.css" rel="stylesheet" type="text/css" />
<link href="index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="glasgowapartment.js"></script>
<link rel="shortcut icon" href="favicon.ico" />

if (window.screen.width <= 800) {
document.write('

	
	
<link rel="stylesheet" type="text/css" href="index800.css">
');
document.write('

	
	
<link rel="stylesheet" type="text/css" href="glasgowapartment800.css">
');


}
if (window.screen.width > 800) {
document.write('

	
	
<link rel="stylesheet" type="text/css" href="glasgowapartment.css">
');
document.write('

	
	
<link rel="stylesheet" type="text/css" href="index.css">
');
}

or you can view the complete source at http://www.glasgowapartment.co.uk and http://www.glasgowapartment.co.uk/glasgowapartment.js
Craig