I found something that might be useful to some people. I notice that some people are concerned with ensuring their pages are viewed as intended on various browsers. This is probably not a bad idea as it shows dedication and the desire to make things work more completely. Validating to the latest standards is also a good idea. I don't put a page up until it validates xhtml 1.1

The following might take a bit to set up, but once done, I believe designers can establish a new set of templates for themselves. I am sure something like this is located on the forum already, but I still read a lot about "browser issues" so maybe it warrents a relook.


One way to get around all the browser compatibility issues is to use a different style sheet for each browser. You can do this by adding a JavaScript block such as the one below to the <head> section of your HTML document(s):

<script language="JavaScript">
if(-1 != navigator.userAgent.indexOf("MSIE"))
// Internet Explorer
document.write('<link rel="stylesheet" type="text/css" href="ie.css">');
else if (-1 != navigator.userAgent.indexOf("Mozilla"))
// Netscape
document.write('<link rel="stylesheet" type="text/css" href="netscape.css">');
// other
document.write('<link rel="stylesheet" type="text/css" href="other.css">');