wstinnett — Wed, 21 Jun 2006 20:34:11 +0000

adjroth,

A default stylesheet and using elseif, etc. never crossed my mind. Thanks for extending the snippet I posted.

wstinnett

adjroth — Sun, 11 Jun 2006 05:33:18 +0000

wstinnett wrote:

/*Browser detection script that writes a browser specific style sheet to the page*/
if(navigator.appName == "Netscape")
{
document.write('<'+'link rel="stylesheet" type="text/css" href="../layout/StyleNS.css" />');
}
if(navigator.appName == "Microsoft Internet Explorer")
{
document.write('<'+'link rel="stylesheet" type="text/css" href="../layout/StyleEI.css" />');
} if(navigator.appName == "Opera")
{
document.write('<'+'link rel="stylesheet" type="text/css" href="../layout/StyleOpera.css" />');
}
/*End browser detection script*/
//-->

rewrite to provide a default stylesheet for other browsers if no server side scripting is available. makes use of "elseif" and "else"

/*Browser detection script that writes a browser specific style sheet to the page*/
if(navigator.appName == "Netscape")
{
 document.write('<'+'link rel="stylesheet" type="text/css" href="../layout/StyleNS.css" />');
}
elseif(navigator.appName == "Microsoft Internet Explorer")
{
 document.write('<'+'link rel="stylesheet" type="text/css" href="../layout/StyleEI.css" />');
}
elseif(navigator.appName == "Opera")
 {
 document.write('<'+'link rel="stylesheet" type="text/css" href="../layout/StyleOpera.css" />');
 }
else
 {
 document.write('<'+'link rel="stylesheet" type="text/css" href="../layout/StyleDefault.css" />');
 }
 /*End browser detection script*/
//-->

Renegade — Fri, 09 Jun 2006 22:31:04 +0000

Do you have access to server side programming such as PHP? If so, you can use a sniffing script there instead of relying on Javascript. That way, it doesn't matter if Javascript is turned off or not.

frofi — Fri, 09 Jun 2006 02:03:21 +0000

Exactly! What happens if they have disabled JavaScript? That is very probably to happen with IE users which means THE majority. Even if you make IE style sheet a default, users will end up dealing with annoying security warnings. This particular web site isn't too complicated and it should be quite easy to make it work with CSS. I personally design for IE and FF. If my design doesn't work with other browsers, it's their problem. They are a minority.

mscreashuns — Fri, 09 Jun 2006 00:04:12 +0000

wstinnett wrote: Hello,

Everytime I build a site I include this snippet of code in the section. This is JavaScript that detects which browser is opening up and then writes the link to the appropriate style sheet. All I have to do is build a style sheet for the appropriate browser. The code below has worked quite well for me.

/*Browser detection script that writes a browser specific style sheet to the page*/
if(navigator.appName == "Netscape")
{
document.write('<'+'link rel="stylesheet" type="text/css" href="../layout/StyleNS.css" />');
}
if(navigator.appName == "Microsoft Internet Explorer")
{
document.write('<'+'link rel="stylesheet" type="text/css" href="../layout/StyleEI.css" />');
} if(navigator.appName == "Opera")
{
document.write('<'+'link rel="stylesheet" type="text/css" href="../layout/StyleOpera.css" />');
}
/*End browser detection script*/
//-->

I hope this helps.

Thanks,
wstinnett

That's all good and well, but here's a few things to consider:

What if they are using a browser not listed there? Shouldn't you have some sort of default in case they aren't using a recognizable browser?
What if they have Javascript disabled?

adjroth — Thu, 08 Jun 2006 23:59:57 +0000

one problem i saw isnt really related to your problem, but you have an extra tag within your , also you dont have an ending tag for the form.

as for the site not displaying correctly, the only thing i can say is to recreate the top table making use of rowspan on your tables instead of using tables within your tables. There are also alot of unnecessary and tags.

wstinnett — Thu, 08 Jun 2006 23:30:18 +0000

Hello,

Everytime I build a site I include this snippet of code in the section. This is JavaScript that detects which browser is opening up and then writes the link to the appropriate style sheet. All I have to do is build a style sheet for the appropriate browser. The code below has worked quite well for me.

/*Browser detection script that writes a browser specific style sheet to the page*/
if(navigator.appName == "Netscape")
{
document.write('<'+'link rel="stylesheet" type="text/css" href="../layout/StyleNS.css" />');
}
if(navigator.appName == "Microsoft Internet Explorer")
{
document.write('<'+'link rel="stylesheet" type="text/css" href="../layout/StyleEI.css" />');
} if(navigator.appName == "Opera")
{
document.write('<'+'link rel="stylesheet" type="text/css" href="../layout/StyleOpera.css" />');
}
/*End browser detection script*/
//-->

I hope this helps.

Thanks,
wstinnett

foottuns — Thu, 08 Jun 2006 14:10:52 +0000

every time when you design a web page the first thing which you shoud do is to check the website with all the browsers. and in this way you can fit the website how you want it and see the errors as well.

frofi — Thu, 08 Jun 2006 13:38:32 +0000

I agree. I've had the same problem some time ago. CSS will allow you to position everything where you want. I guess you are using Dreamwaver. Start rebuilding the site using styles and every time you change something, check it in FF (preview). Than try IE and make adjustments if necessary. With absolute positioning it should look the same in both browsers. Also don't forget to close every tag properly as this usually causes most differences. Sometimes a simple /> at he end of tag will do but sometimes you have to close it properly, like for example . When using line-break , use instead. Just try the html validation within dreamwaver and that should tell you where you made a mistake with closing tags (at least most of them). You have too many nesting errors and unclosed tags on your page.

brady.k — Thu, 08 Jun 2006 03:24:54 +0000

There will almost always be differences between the two...sometimes major. I don't know about you, but the alignment of all the different menus and borders and things is totally out of whack (Firefox).

My first suggestion would be to try converting all tables (if possible) to "divs". That might give you a little more control (and sense) of what's going on here.