Mark: CSS nach Browser

Wie realisiere ich es, dass je nach Browser (IE ode NC) ein unterschiedliches CSS geladen wird.
Da es eine Menge Seiten sind und ich das Ganze möglichst "global" halten will, möchte ich ein externes JS verwenden.

Wäre nett, wenn mir jemand helfen könnte..

Gruß
Mark

  1. Wie realisiere ich es, dass je nach Browser (IE ode NC) ein unterschiedliches CSS geladen wird.

    Du kannst z.Bsp. mal diesen Artikel von Stefan Münz durchlesen:
    </selfaktuell/artikel/dyncss.htm>

    Da es eine Menge Seiten sind und ich das Ganze möglichst "global" halten will, möchte ich ein externes JS verwenden.

    Ja, bitte vergiss aber nicht die vielen anderen Browser, die z.T.
    CSS mindestens genausogut wie IE und NC beherrschen, z.Bsp. Opera
    und Mozilla.
    Und denke auch unbedingt daran, dass es zwischen NC 4.x und NC 6.x
    _gewaltige_ Unterschiede in Bezug auf CSS gibt.

    1. Du kannst z.Bsp. mal diesen Artikel von Stefan Münz durchlesen:
      </selfaktuell/artikel/dyncss.htm>

      Danke, das hilft mir schon weiter.

      Ja, bitte vergiss aber nicht die vielen anderen Browser, die z.T.
      CSS mindestens genausogut wie IE und NC beherrschen, z.Bsp. Opera
      und Mozilla.
      Und denke auch unbedingt daran, dass es zwischen NC 4.x und NC 6.x
      _gewaltige_ Unterschiede in Bezug auf CSS gibt.

      bzw. genauso schlecht ;)
      Ich will die Site natürlich so kompatibel wie möglich machen, jedoch  muss ich es aber doch erstmal für die beiden Hauptkandidaten hinbekommen.

      Mal nebenbei: Wieso erkennt NC die "embedded fonts" nicht? Ich bekomme (im Gegensatz zum IE) immer nur die Standardschriftart angezeigt.

      1. Ja, bitte vergiss aber nicht die vielen anderen Browser, die z.T.
        CSS mindestens genausogut wie IE und NC beherrschen, z.Bsp. Opera
        und Mozilla.
        Und denke auch unbedingt daran, dass es zwischen NC 4.x und NC 6.x
        _gewaltige_ Unterschiede in Bezug auf CSS gibt.

        bzw. genauso schlecht ;)

        Bitte schaue Dir mal http://xse.de/kopie.html im Netscape 4.x und
        danach im NC6+ oder Opera 5+ oder MSIE 4+ oder Mozilla an.
        Dann siehst Du wahrscheinlich auch, welche Browser was "ähnlich"
        gut und welche Browser CSS wirklich _schlecht_ unterstützen.
        Deshalb habe ich das Stylesheet auch mit @import eingebunden, was
        der NC4.x (zum Glück!) nicht versteht: http://xse.de/

        Ich will die Site natürlich so kompatibel wie möglich machen, jedoch  muss ich es aber doch erstmal für die beiden Hauptkandidaten hinbekommen.

        Warum solltest Du also die beiden Browser ausschließen, wo die doch
        eigentlich nicht das Problem sind?

        Mal nebenbei: Wieso erkennt NC die "embedded fonts" nicht? Ich bekomme (im Gegensatz zum IE) immer nur die Standardschriftart angezeigt.

        Keine Ahnung, vielleicht wird dieses Feature nicht unterstützt.
        Schaue einfach mal in eine passende Doku oder ins Forumsarchiv, da
        steht mit Sicherheit was zu diesem Thema drin.

        NC4.77 = aktuellster Browser von Netscape = miserabelst, gemessen am
        "Stand der Dinge" auf diesem Gebiet :(

  2. Hallo Mark,

    Wie realisiere ich es, dass je nach Browser (IE ode NC) ein unterschiedliches CSS geladen wird.

    neben der JavaScript Lösung existiert noch eine zweite Lösung, die dazu noch ohne JavaScript auskommt.

    Du definierst zwei externe StyleSheets, eins für Netscape 4.x und eins für die restlichen Browser. Benenne das externe StyleSheet für Netscape 4.x auf "netscape.css", das externe StyleSheet für alle anderen Browser auf "explorer.css". Binde diese beiden Dateien wie folgt in Deine HTML ein:

    <link rel="stylesheet" href="netscape.css" media="screen">
    <link rel="stylesheet" href="explorer.css" media="all">

    Wichtig ist die Reihenfolge - zuerst netscape.css, dann explorer.css und die Formatierung für media=screen bzw. media=all.

    Netscape 4.x ruft beim Laden die erste Zeile auf, und berücksichtigt alle Formatierungen, alle anderen Browser berücksichtigen die zweite Zeile.

    Getestet auf:
    IE 5.50
    Netscape 4.75
    Netscape 6.0
    Opera > 4.0

    Gruß
    Markus

    1. Hi.

      <link rel="stylesheet" href="netscape.css" media="screen">
      <link rel="stylesheet" href="explorer.css" media="all">

      Getestet auf:
      IE 5.50
      Netscape 4.75
      Netscape 6.0
      Opera > 4.0

      Könntest du mir bitte mal sagen, welche *.css-Datei in deinem Fall vom NS 6 und von Opera erkannt wird??

      Ich habe nämlich letztens irgendwo gelesen, daß diese Methode beim neuen Netsi Probleme bereitet...

      Danke und Gruß,
      olli

      1. Hallo,

        <link rel="stylesheet" href="netscape.css" media="screen">
        <link rel="stylesheet" href="explorer.css" media="all">
        Könntest du mir bitte mal sagen, welche *.css-Datei in deinem Fall vom NS 6 und von Opera erkannt wird??

        IE, Netscape 6.0 und alle Opera Browser interpretieren die zweite Definition.

        Mozilla 0.9 habe ich zwar im Programm, hab das allerdings noch nicht damit getestet. Aber ich vermute mal, daß auch Mozilla 0.9 auf das zweite StelySheet anspringt.

        Gruß
        Markus

        1. Hi.

          IE, Netscape 6.0 und alle Opera Browser interpretieren die zweite Definition.

          Danke für die Info.

          olli