This problem had consumed some of my thoughts in the past and eventually I chose to use the technique I termed progressive degradation, something I have blogged about in a previous post.
<link rel="stylesheet" href="noscript.css" type="text/css" media="screen" />
I prefer to write my CSS with the assumption that the best possible experience is available and then include CSS to enhance the experience for those users with a less capable user agent as required.
Mr Alexander proposed another potentially neat solution:
<link rel="stylesheet" href="noscript.css" type="text/css" media="screen" id="noScriptCSS" />
var noScriptCSS = document.getElementById("noScriptCSS");
This issue often raises its head and frankly I am now not fully satisfied with any of these techniques. So what do you think? What is the best way of handling this issue?