[DER_Brain]

Hallo!

Ich hab mir mal überlegt, auch eine browserweiche für den IE einzufügen.. allerdings weiß ich nicht genau, wie ich das am besten lösen sollte.. unter css4you.de gibts ne nette seite über das ganze,.. allerdings stören mich da ein paar punkte...:
http://www.css4you.de/wsbw/index.html hier erstmal der link..

am anfang wird beschrieben dass der netscape so ne schlechte css umsetzung hat(te)...
das könnte man dann ja wirklich einfach so lösen:

<link href="standard.css" rel="stylesheet" type="text/css"> 

<style type="text/css"
  @import url("komplex.css");
</style

ok, das ist leicht zu realisieren.. muss ich halt nachschauen, welche begriffe der netscape nicht "kann"...

dann gehts weiter.. netscape sperren will ich nicht wirklich.. is nicht gerade sinn der sache!

na gut.. dann gehts nun um den IE und Mozilla + Opera...
wie würdet IHR den IE umleiten?
methode 1:

<link href="standard.css" rel="stylesheet" type="text/css" /> 

<script type="text/javascript"><!--
 if(navigator.appVersion.indexOf("MSIE 5")>-1)
 document.write('<link rel="Stylesheet" href="ie5.css" 
 type="text/css" />')
//--></script>

methode 2:

<!--[if IE 5]>
 <style type="text/css"> 
  Stylesheets für den IE 5
 </style>
<![endif]-->
 
<!--[if gte IE 6]>
 <style type="text/css"> 
  Stylesheets für den IE ab Version 6 (größer oder gleich 6)
 </style>
<![endif]-->
 
<!--[if lt IE 6]>
 <link rel="Stylesheet" href="ie5.css" type="text/css" />
<![endif]-->

habt ihr erfahrungen mit dem ganzen?
Ich meine wie zuverlässig ist das ganze, etc.
würd mich über ein paar meinungen freuen!


mfg andi

PS: Ich weiß nicht genau, ob ich das ins richtige forum gepostet habe.. ins html, javascript + css forum wollte ich das ned geben!

[Lars]

Methode #2, aber nicht für den IE4, der kann das noch nicht.

[DER_Brain]

ja.. das wäre auch mir lieber, allerdings was mache ich mit einem IE 4?
ich meine wenn ich ein stylesheet einbinde, dass der FF und Opera erkennt, allerdings nicht der IE 4 dann is das auch irgendwie blöd

muss ich mir noch etwas mehr durchlesen.. und auf js will ich eigentlich auch verzichten!


mfg Andi

[Lars]

Ohne JS wirst du beim IE4 nicht weit kommen.

[Ben]

Sorry ... IE 4. Der ist doch älter als ihr selbst .. oder zumindest fast *g*

[DER_Brain]

also würde es reichen, wenn man nur

<!--[if IE 5]>
 <style type="text/css">
  Stylesheets für den IE 5
 </style>
<![endif]-->
 
<!--[if gte IE 6]>
 <style type="text/css">
  Stylesheets für den IE ab Version 6 (größer oder gleich 6)
 </style>
<![endif]-->
 
<!--[if lt IE 6]>
 <link rel="Stylesheet" href="ie5.css" type="text/css" />
<![endif]-->

einfügt?
oder zumindest einen teil davon..

naja ich überlegs mir mal..

danke für die Antworten

[Ben]

Ich machs so:

   <!--[if IE]><![if !IE]><![endif]-->
    <link rel="stylesheet" type="text/css" href="css/style.css">

   <!--[if IE]<![endif]><![endif]-->

   <!--[if IE]>
    <link rel="stylesheet" type="text/css" href="css/iesucks.css">
   <![endif]-->

Das habe ich im XHTMLforum aufgeschnappt. Bin mir gerade gar nicht mehr sicher, was das erste Ding da macht .. also ich glaube, dass da der Safari noch irgendwie mit berücksichtigt wird.

Ich habe allerdings keinerlei Probleme damit, weil mein Code halt auch nicht wirklich nach einer Browserweiche schreit.
Vielleicht kann "ulle" dazu noch etwas sagen

Grüße Ben.

Der Beitrag wurde verschoben, wegen...
... Postings im falschen Forum. Bitte beim nächsten Mal darauf achten..

moved to (X)HTML, CSS & JavaScript

Ich verschieb das mal in das Forum, weil nicht alles in die Plauderecke muss

[DER_Brain]

kann nur der IE das mit
<!-- [if IE]><![if !IE]><![endif]--> ....
erkennen oder merkt das der FF auch?

is ja nur von ms für den IE "gemacht" worden..


mfg Andi

[ulle]

Conditional Comments stehen im Markup.
Wiederspricht "Trenne Inhalt und Design (besser gesagt Layout)". Aus diesem Grunde vermeide ich oben genannte, genauso wie Inline-Styles, Klassen und IDs. Leider ist es natürlich kaum durchsetzbar.

Das von Ben gezeigte Beispiel wurde in diesem THREAD diskutiert/veröffentlicht.

[DER_Brain]

hab mal ein bisschen gegoogelt, ob das auch mit php geht.. und das hier gefunden:

PHP-Code:

<?php
if( eregi("(msie) ([0-9]{1,2}.[0-9]{1,3})",$HTTP_USER_AGENT) ){$browser = "MSIE";}
else if( eregi("(netscape6)/(6.[0-9]{1,3})",$HTTP_USER_AGENT) ){$browser = "Netscape";}
else{$browser = "?";}
..
?>

wäre das nicht auch ne möglichkeit? danach könnte man einfach schreiben, dass beim IE ein anderes stylesheet eingebunden werden soll...
habt ihr sowas schonmal probiert?

mfg Andi

[schifti]

Zitat von DER_Brain

kann nur der IE das mit
<!-- [if IE]><![if !IE]><![endif]--> ....
erkennen oder merkt das der FF auch?

Für den FF und andere (nicht IE Kompatible, bzw. an den IE angelehnte Browser), erkennen das als <!-- Kommentar --> und beachten es somit nicht.

Ich habe bei mir auch zwei Style Dateien, und es geht mit <¹--[if IE ]... echt gut.

Da wo der IE rum spackt, da musst du dann noch mal die Klasse neu schreiben:
normale.css:
.b { font-size: bold.....}

ie.css { font-size: bolder....

[schifti]

[EDIT]
so muss es aussehen:

ie.css:
.b { font-size: bolder als bold }

[DER_Brain]

ehrlich gesagt verstehe ich jetzt nicht ganz was du meinst.. allerdings eine andere frage: was hältst du von der php lösung (auch alle anderen..)?

mfg Andi

[schifti]

wenn halt jemand seinen UserAgent ändert, funktioniert die PHP Variante nicht mehr
(beim FF als Extension, da kann man dann einstellen, was man will oder Opera, der sich als IE 6 ausgibt).

Doch die "normale" Variante funktioniert immer.

z.B.:
in der normalen Style.css (gilt für alle), sieht so aus:

.b {
        font-weight: lighter;
   }

damit der IE aber nicht .b lighter macht, musst du die gleiche Klasse in der Style Angabe für den IE noch mal schreiben mit den Daten für den IE

für den IE (ie.css) sieht so aus:

.b {
      font-weight: bold;
    }

Ergebniss

style.css :
ligher

ie.css :
dicker

[DER_Brain]

hm okay, das ist einleuchtend... ich finds nur blöd, dass man alle daten, die dem IE nicht passen einfach überschreiben muss..
wäre einfacher, wenn man einfach je nach browser EIN verschiedenes stylesheet einbindet...

aber okay
danke!

mfg Andi

[ulle]

.b    {
       /* alle UA */
        font-weight: lighter ! important;

       /* fuer IE */
        font-weight: bold;
       }

Beschreibe keinen Style im Markup, auch nicht mit CC (nur im Notfall), es gibt genügend alternativen innerhalb des CSS.

[DER_Brain]

ok.. nur mal ob ich das verstehe..
IE kennt das !important nicht?
er interpretiert das dann a) gar nicht, oder überschreibt b) dies mit dem nächstem...
hm.. wäre auch ne möglichkeit..
der FF würde dann das font-weight: bold; NICHT interpretieren, oder (wäre wohl gut fürs boxmodell und den ganzen abständen...).

mfg Andi

[Ben]

ulle hatte da schon ein paar Verweise gepostet:
http://www.developers-guide.net/foru...=finduser&u=50

[MrNiceGuy]

Ähm mal so ne Frage am Rande: Warum so kompliziert über CSS-Hacks arbeiten, die nicht von allen älteren Browsern erkannt werden, sondern einfach mehrere CSS-Dateien erstellen und das ganze in PHP so programmieren, dass die richtige Datei geladen wird? Wäre anscheinend zu einfach!?

[Lars]

Den User-Agent kann man in den Geckos und im Opera verändern, das ist das Problem.
Ansonsten wäre das spgar ziemlich einfach