1 Stern2 Sterne3 Sterne4 Sterne5 Sterne Unbewertet

Gedichte und Lyrics von Marcus

HTML für Internet Explorer oder Firefox?

Bei meiner Arbeit als Webdesigner komme ich immer wieder auf das selbe Problem, im Internet Explorer werden die meisten Seiten anders dargestellt als im Internet Explorer.
Es ist manchmal echt verwirrend und kostet viele Nerven beide Browser gleich aussehen zu lassen und manchmal ist es gar nicht möglich 100% das selbe Ergebnis zu bekommen.

Hier habe ich mal ein par Codes zusammen gestellt mit denen man z.B. dem Internet Explorer sagen kann das dieser Code nur für den Internet Explorer angezeigt werden darf.

<!--[if IE]>Wird nur in allen Internet Explorer Versionen angezeigt<![endif]-->
<!--[if IE 5.0]>Wird nur im Internet Explorer 5.0 angezeigt<![endif]-->
<!--[if IE 5.5]>Wird nur im Internet Explorer 5.5 angezeigt<![endif]-->
<!--[if IE 5]>Wird nur im Internet Explorer 5 angezeigt<![endif]-->
<!--[if IE 6]>Wird nur im Internet Explorer 6 angezeigt<![endif]-->
<!--[if IE 7]>Wird nur im Internet Explorer 7 angezeigt<![endif]-->

<!--[if (gt IE 6)&amp;amp;amp;amp;(lt IE 7)]>Wird nur im Internet Explorer 6 und 7 angezeigt!<![endif]-->
<!--[if (gt IE 5.0)&amp;amp;amp;amp;(gt IE 5.5)&amp;amp;amp;amp;(lt IE 7)]>Wird nur im Internet Explorer 5.0, 5.5 und 7 angezeigt!<![endif]-->

<![if !IE]>Wird in allen Browsern bis auf den Internet Explorer angezeigt.<![endif]>

Jedoch funktionieren nicht alle Codes immer, ich benutze beispielsweise nur diese 2 Codes:

<!--[if IE]>Wird nur in allen Internet Explorer Versionen angezeigt<![endif]-->
<![if !IE]>Wird in allen Browsern bis auf den Internet Explorer angezeigt.<![endif]>

Der erste ist Praktisch zur Anzeige von IE und der Zweiter für Firefox oder andere Browser.

Es gilt aber zu beachten das der Code nicht in einem HTML Tag direkt verwendet werden kann wie in diesem beispiel:

<a href="http://www.kadafi.de/" <!--[if IE]>class="link-fuer-ie"<![endif]-->Linktext</a>

Der Code würde so also nicht funktionieren.

Was man in diesem Fall machen könnte, man kann den Code so benutzen:

<!--[if IE]><a href="http://www.kadafi.de/" class="link-fuer-ie">Linktext</a><![endif]-->

Das Problem hier wäre aber jetzt das dieser Code und der Link der hier verwendet wird nicht mehr in den anderen Browsern erscheint.

Deswegen müssten wir jetzt diesen Code dahinter setzen:

<![if !IE]><a href="http://www.kadafi.de/" class="link-fuer-firefox">Linktext</a><![endif]>

oder falls wir keinen neuen CSS Class benutzen wollen einfach diesen Code:

<![if !IE]><a href="http://www.kadafi.de/">Linktext</a><![endif]>

Es wäre jetzt aber Schwachsinn dies bei jedem Link und jeder Änderung zu benutzen, der Beste Weg wäre der eine CSS Datei anzulegen wie man es immer macht und zusätzlich eine weitere anzulegen die nur die Änderungen für den Internet Explorer beinhalten um die Fehler von IE zu fixen.

Hier ein weiteres beispiel:

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

Auf diese weise behebt man gleich alle Fehler nur durch das ändern einer Datei was sehr viel Zeit spart.

Social Web Kommentare:

Webseiten Kommentare:

3 Kommentare zu “HTML für Internet Explorer oder Firefox?”

  1. PIXEL sagt:

    Danke, hatte alle möglichen weichen ausprobiert, aber nur deine hat funktioniert, danke dem extra “”

  2. suerte sagt:

    Funktioniert bei mir nicht. Sprich der IE springt nicht drauf an das is ok aber mein firefox springt die zeile auch net an. den code den sie daoben angeben geht bei mir genrell nicht . weder ie noch firefox

Hinterlasse eine Antwort

Du musst eingeloggt sein um einen Kommatar zu schreiben.
Oder schreibe einen "Social Web Kommentar"