Css mit Javascript einbinden.

[Iclone]

Hallo Leute, ich weiß das es dieses Thema schon zu oft gibt und das auch hier aber ich finde nichts gescheites was mir helfen könnte. Und zwar habe ich folgendes Problem:

Ich möchte über Javascript eine andere CSS Datei einbinden und das in Abhängigkeit des Browsers. Allerdings wenn ich meinen Code ausführe funktioniert er, aber nach ein paar Minuten wenn ich nen Reload mache ist die Seite wieder ganz weiß.

Hier ist mal mein Code:

<SCRIPT TYPE="text/javascript" LANGUAGE="javascript">
function kennung()
{

if (navigator.userAgent.indexOf("Opera") != -1)
{
   document.write('<link rel="stylesheet" type="text/css" href="layoutop.css">');
}
else if (navigator.userAgent.indexOf("Netscape") != -1)
{
document.write('<link rel="stylesheet" type="text/css" href="layoutns.css">');
}
else if (navigator.appName.indexOf("Internet Explorer") != -1)
{
document.write('<link rel="stylesheet" type="text/css" href="layoutie.css">');
}
else if (navigator.userAgent.indexOf("Firefox") != -1)
{
  document.write('<link rel="stylesheet" type="text/css" href="layout.css">');
}
else
{
  document.write('<link rel="stylesheet" type="text/css" href="all.css">');
}
}
kennung();
</SCRIPT>

Ich weiß es ist die selbe css aber hab das aus testzwecken gemacht. Mit den anderen Css Dateien funktionierte es genauso, erst klappte das und dann auf einmal nicht mehr.

Gruß Iclone