Code:
<SCRIPT LANGUAGE="javascript">
var width = screen.width
var height = screen.height
document.write("You're set to "+width+ "X" +height+"")
</SCRIPT>
That's the essence of it, put that in your page to see it working.
To deliver different style sheets, you'll need to put it in your header (drop the output line) and query the
width variable with an
if statement and then use
document.write to place the correct stylesheet in the header.
Personally, I'd use php for the writing the stylesheet part as it's not client dependent and you'll always serve something you want... i.e. if the width variable comes back empty (no javascript support) serve 8x6 stylesheet...
Any help, or do you need explicit code?