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?

Gruß,

Jens.

[David Tibbe]

Hallo jens,

(wie) kann ich je nach Useragent unterschiedliche .CSS oder .JS-Dateien einfügen?

Warum möchtest du soetwas machen? Viel lieber möchtest du einen Browser nach seinen Fähkeiten unterscheiden, siehe </archiv/>.
http://aktuell.de.selfhtml.org/tippstricks/css/browserweiche/index.htm dürfte dich vielleicht auch interessieren.

Grüße
  David

[TomIRL]

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.

Viele Grüße aus Berlin
TomIRL

[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?

[daniel]

Hi,
wenn es Dir nur um den IE geht gibt es da was sehr Einfaches:
Im IE wird auch Code innerhalb von Kommentaren interpretiert & es gibt einen zusätzlichen Befehlssatz (vgl. http://www.fabrice-pascal.de/artikel/posfixedie6/). So kann man Styles oder Referenzen auf CSS- & JS-Dateien sehr einfach einbinden:

<!--[if gte IE 5]>
<style type="text/css">
#content  {height:210px;}
</style>
<![endif]-->

Gruß
Daniel

[CurtB]

Hi,

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

die Abfrage des Useragent ist ja recht unsicher, schau dir mal CSS-Weichen http://www.lipfert-malik.de/webdesign/tutorial/bsp/css-weiche-filter.html und Conditional Comments an, z.B. http://www.lipfert-malik.de/webdesign/tutorial/bsp/NBdemo.html. Bei den .JS-Dateien kannst du im Scribt selbst statt Useragent besser die benötigten Methoden abfragen.

Gruß
CurtB