Hi goddess,
I’ve been working out a clean, simple, javascript-free way of doing this and thought I’d share my approach:

1) In your document head, put this:
<link rel=’stylesheet’ type=’text/css’ media=’screen’ href=’styles.css’ />
<script type=’text/javascript’ src=’nn4.js’></script>

2) Make a new file ‘nn4.js’ and add this:
if (document.layers) {
document.write(’<link rel=”stylesheet” type=”text\/css” href=”nn4.css” \/>’);
document.write(”<script type=”text\/javascript”>’);
document.write(’origWidth = innerWidth;’);
document.write(’origHeight = innerHeight;’);
document.write(’function reload() { if (innerWidth != origWidth || innerHeight != origHeight) location.reload(); }’);
document.write(’onResize = reload;’);
document.write(”<\/script>’);
}

Then create your Netscape4-friendly stylesheet and save it as ‘nn4.css’. I put this in a .js file for two reasons: 1- NN4 doesn’t load styles unless javascript is on and 2- the reload-on-resize script is necessary whenever you use absolutely positioned divs in NN4.

3) Create a ’styles.css’ file and put this in it:
@import url(styles0.css); /* for v4 browsers */
@import url(”styles1.css”); /* for v5 */
@import “null?\”\{”;
@import url(”styles2.css”); /* for v6+ and MacIE5+ */

What you’ve got here is a string that screens out buggy browsers. Now, you don’t HAVE to make this many variations of your stylesheet. If you create a single stylesheet for all version 4 AND 5 browsers, you can delete the second line.

Let me know what you think.

p.s. create an empty file called ‘null’ (with no extension) if you want your stylesheets to validate.

3) Create a ’styles.css’ file and put this in it:
@import url(styles0.css); /* for v4 browsers */
@import url(”styles1.css”); /* for v5 */
@import “null?\”\{”;
@import url(”styles2.css”); /* for v6+ and MacIE5+ */

What you’ve got here is a string that screens out buggy browsers. Now, you don’t HAVE to make this many variations of your stylesheet. If you create a single stylesheet for all version 4 AND 5 browsers, you can delete the second line.

Let me know what you think.

BTW: could you please make Geneva the first font in your css? It is a Mac screen font that works best (this site doesn’t look so hot). Thanks.

I know PHP is your forte; but folks seem to have a lot of knowledge about different scripting languages. Can anyone help me out on this one?

I found I’m going to have to use this because IE 5.5 displays my stylesheet wacky, while the rest of the current browsers view it fine… here’s the code I’m using:

<?php
if (strstr($_SERVER["HTTP_USER_AGENT"], “MSIE 5.5″)) {
echo ‘<link rel=”stylesheet” type=”text/css” href=”/layout/css/common_ie5.css” />’;
} else {
echo ‘<link rel=”stylesheet” type=”text/css” href=”/layout/css/common.css” />’;
}
?>