Unterschiedliche CSS/.JS je nach Browser?

[jens]

Tach auch,

(wie) kann ich je nach Useragent unterschiedliche .CSS oder .JS-Dateien einfügen? Verwendet wird HTML, ASP.NET und C#. Jemand 'ne Idee?

Die Methode ist wenig Sinnvoll der Useragent ist ziemlich unsicher.
Vielleicht erklärst Du mal was Du erreichen willst, dann finden sich unter Umständen geeignetere Lösungen.

Es geht darum, dass ich ein Layout der Seite habe, was nicht von jedem Browser korrekt dargestellt wird. Die Darstellung funktioniert im IE 6 ohne Probleme, Opera/Mozilla und dergleichen machen aber Probleme.

Vor allem geht es darum, dass ich per scrollHeight die Größe eines DIVs berechnen und ändere dadurch die Größe eines anderen. Hier der Quellcode des .js:

function setNavBarHeight()
{
 var myBox = document.getElementById("nav");
 var mySecondBox = document.getElementById("content_inner");

if (mySecondBox.scrollHeight >600)
 {
  alert(mySecondBox.scrollHeight);
  myBox.style.height = mySecondBox.scrollHeight + 80;
 }
 else
 {
  myBox.style.height = document.body.offsetHeight-4;
 }
 mySecondBox.style.height = document.body.offsetHeight-85;
}

Und hier ein Auszug des fraglichen screen.css:

div{ padding: 0px; margin: 0px; border: 0px; }

div#content_outer{ width: auto; height: auto; }
div#nav {width: auto; height: auto; float:left; margin-right: 15px; border-left: 0px solid #aaa; border-right: inset 4px  #bbb;  background-color:#CCC; background-repeat:repeat; }
div#content_inner{ width: auto; height: auto; float:none; margin-right: 5%; text-align:justify;}

In HTML siehts dann so aus:

<div id="content_outer">
 <div id="nav">
  <div>
  </div>
 </div>
 <div id="content_inner">
 </div>
</div>

Any hints?