<html>
<head><title>DigiWays - Dynamic CSS using Javascript</title>
<script language="JavaScript">
document.write('<link rel="stylesheet" href="http://www.digiways.com/articles/php/dyncss/');
var agt=navigator.userAgent.toLowerCase();
if (agt.indexOf('opera') != -1) document.write('opera.css');
else if (agt.indexOf('gecko') != -1) document.write('mozilla.css');
else if (agt.indexOf('msie') != -1) document.write('iexplorer.css');
else document.write('default.css');
document.write('" type="text/css">');
</script>
<noscript>
<link type="text/css" rel="stylesheet" href="http://www.digiways.com/articles/php/dyncss/default.css">
</noscript>
</head>
<body>
<div class="framed">
This text should be in a
<ul>
<li>thin green frame if viewed in Internet Explorer,
<li>thick double blue frame if viewed in Mozilla,
<li>dotted medium red frame if viewed in Opera.
</ul>
or on the blue background if browser is not detected.
</div>
</body>
</html>