Browserweiche die auf verschiedene CSS weiterleitet - IE6 IE7 Mozilla

  • Themenstarter Themenstarter maggy-X84
  • Beginndatum Beginndatum
Status
Nicht offen für weitere Antworten.
M

maggy-X84

Hallo zusammen!

Ich bräuchte bitte eure Hilfe.
Momentan brauche ich eine Brwoserweiche, die schaut welchen Browser der User hat und ihn dann an das jeweilige CSS weiterleitet.
Das ganze müsste für den Internet Explorer 6, Internet Explorer 7 und den Mozilla Firefox funktionieren.

Ich zerbrech mir seit 2 Tagen den Kopf darüber und hab absolut keine Ahnung von JavaScript. Auch google hab ich schon mehrere Stunden gequält, allerdings nix funktionierendes dabei gefunden. :confused:

Es wäre super, wenn einer von euch so ein script hat und es mir posten könnte. Ich wäre sehr dankbar!

Viele Grüße
Maggy
 
Also, wenn es nur um css einbinden geht, würde ich kein javascript verwenden, sondern Conditional Comments:
HTML:
  <style type="text/css">@import url(die_normale_css.css);</style> 
  <!--[if IE 7]>
    <style type="text/css">@import url(ie7.css);</style>
  <![endif]-->

  <!--[if lt IE 7]>
    <style type="text/css">@import url(ie6-und-aelter.css);</style>
  <![endif]-->
Siehe auch: http://de.selfhtml.org/css/layouts/browserweichen.htm#alternative
 
hi!
Muss ich das nur in den Head einfügen oder auch noch an anderen Stellen?

Danke schonmal! :)
 
hhhmmmm
irgendwie will das nicht

bei mir sieht das so aus: richtig oder falsch :confused:

Code:
<style type="text/css">@import url(../css/style.css);</style> 
<!--[if IE 7]>
<style type="text/css">@import url(../css/style_ie7.css);</style>
<![endif]-->

<!--[if lt IE 7]>
<style type="text/css">@import url(../css/style_ie6.css);</style>
<![endif]-->
Danke!
 
Zuletzt bearbeitet von einem Moderator:
Von der Syntax her ist alles richtig, nur stimmt die Zuordnung der Stylesheets für die IE-Versionen nicht.

Code:
<style type="text/css">@import url(../css/style.css);</style> 
<!--[if IE 7]>
<style type="text/css">@import url(../css/style_ie7.css);</style>
<![endif]-->

<!--[if lt IE 7]>
<style type="text/css">@import url(../css/style_ie6.css);</style>
<![endif]-->
Und die Pfade zu den CSS-Dateien stimmen?
 
ja, auch wenn ich die direkte url angebe, also den ganzen pfad, dann funktioniert es trotzdem nicht.

hier mal mein ganzer head der per include eingefügt wird

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
    <title>ELEFANTENMEETING</title>    
    
    <meta name="DC.title" content="" />
    <meta name="DC.Author" content="" />
    <meta name="DC.Creator" content="" />
    <meta name="DC.Publisher" content="" />
    <meta name="DC.Contributor" content="" />
    <meta name="DC.Rights" content="" />
    <meta name="DC.Date" content="2007-12-20T00:00:00+01:00" scheme="DCTERMS.W3CDTF" />
    <meta name="DC.Type" content="Text" scheme="DCTERMS.DCMIType" />
    <meta name="DC.Format" content="text/html" scheme="DCTERMS.IMT" />
    <meta name="DC.Coverage" content="Germany" scheme="DCTERMS.TGN" />

    <meta name="DC.Language" content="de" />
    
    <meta name="description" content="description" />
    <meta name="keywords" content="" />
    
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    
    <style type="text/css">@import url(../css/style.css);</style> 
    <!--[if IE 7]>
    <style type="text/css">@import url(../css/style_ie7.css);</style>
    <![endif]-->

    <!--[if lt IE 7]>
    <style type="text/css">@import url(../css/style_ie6.css);</style>
    <![endif]-->
    
    <link rel="icon" type="image/x-icon" href="favicon.ico" />

</head>

Gewisse angaben hab ich aus sicherheitsgründen rausgelöscht, eigentlich ist nämlich alles ausgefüllt.

So langsam verzweifel ich ... :rolleyes:
 
Bei mir funktioniert die Einbindung der Stylesheets für den jeweiligen Browser mit deinem Quellcode einwandfrei.
 
Argh...
Also das erste grundsätzliche CSS akzeptiert er und stellt des auch im Mozilla so dar, aber die beiden anderen Versionen für den IE6 und IE7 nimmt er nicht an.
Eigentlich müssten die Seiten im IE6 und IE7 absolut stripped aussehen, weil ich das CSS quasi bis auf 2 Formatierungen komplett gesäubert habe, aber man sieht zwischen den grundsätzlichem CSS und den IE-Versionen keinen Unterschied bis auf die verdammten Standart-Fehler (wir lieben ja alle die IE's) ...

Bei mir im Quelltext sieht das so aus, als wären die beiden speziellen Definitionen auskommentiert ... ist das denn richtig so?
 

Anhänge

  • screenshot.jpg
    screenshot.jpg
    38,1 KB · Aufrufe: 198
Status
Nicht offen für weitere Antworten.
Zurück