[Tutorial] Eine IE Only CSS Datei erstellen und ansprechen!

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • [Tutorial] Eine IE Only CSS Datei erstellen und ansprechen!

      Hallo,

      viele Webdesigner kennen dieses Problem. Man hat sein Homepage Template fertig und schaut sie sich jetzt noch auf anderen Browsern an. Meisten werden sie in Firefox, Safari, Google Chrome und Opera gut angezeigt, doch der Internet Explorer [IE] zerstört die ganze Seite.

      Aber auch das kann man beheben.
      Wir arbeiten hier in dem <head></head> Bereich der index-Datei.

      Der Internet Explorer wird noch von vielen Zielgruppen verwendet. Viele benutzen auch noch den IE5 und IE6, was mich sehr verwundert, doch hat man solche Personen als Zielgruppe für seine Homepage, muss man die Website auch für diese Leute optimieren.

      Wie fangen wir an?:

      Wie gesagt gehen wir in den <head></head> Bereich unserer Homepage.
      Jetzt kommt es drauf an, welchen Internet Explorer wir ansprechen möchten, ob wir alle ansprechen möchte oder einzelne.

      Möchten wir alle ansprechen, verwenden wir folgenden Code:

      PHP-Quellcode

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


      Hier seht ihr diesen Code:

      PHP-Quellcode

      1. <link rel="stylesheet" type="text/css" href="all-ie-only.css" />


      Was der macht könnt ihr hier nachgucken: mmorpg-core.com/forum/html-tut…ment-einbinden-34373.html

      Möchten wir nur den Internet Explorer 7 ansprechen, müssen wir folgenden Code verwenden:

      PHP-Quellcode

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


      Nur Internet Explorer 6:

      PHP-Quellcode

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


      Nur Internet Explorer 5:

      PHP-Quellcode

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


      Nur Internet Explorer 5.5:

      PHP-Quellcode

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


      Internet Explorer 6 und niedriger:

      PHP-Quellcode

      1. <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="ie6-and-down.css" /> <![endif]-->


      Internet Explorer 7 und niedriger:

      PHP-Quellcode

      1. <!--[if lt IE 8]> <link rel="stylesheet" type="text/css" href="ie7-and-down.css" /> <![endif]-->


      Internet Explorer 8 und niedriger:

      PHP-Quellcode

      1. <!--[if lt IE 9]> <link rel="stylesheet" type="text/css" href="ie8-and-down.css" /> <![endif]-->


      Internet Explorer 6 und höher:

      PHP-Quellcode

      1. <!--[if gt IE 5.5]> <link rel="stylesheet" type="text/css" href="ie6-and-up.css" /> <![endif]-->


      Internet Explorer 7 und höher:

      PHP-Quellcode

      1. <!--[if gt IE 6]> <link rel="stylesheet" type="text/css" href="ie7-and-up.css" /> <![endif]-->


      Internet Explorer 8 und höher:

      PHP-Quellcode

      1. <!--[if gt IE 7]> <link rel="stylesheet" type="text/css" href="ie8-and-up.css" /> <![endif]-->



      Der Name der Datei kann natürlich geändert werden, hier ist es href="NAME DEINER DATEI"

      Bei Fragen zu der CSS Datei guckt hier nach: mmorpg-core.com/forum/html-tut…ment-einbinden-34373.html oder schreibt hier drunter.



      In der .css Datei die ihr ansprecht, je nach dem welchen Code ihr verwendet habt, könnt ihr nun CSS-Befehle ausführen die dann dan Internet Explorer ansprechen um die Seite zu optimieren.
      Die Methode ist nur nötig wenn es eine sichere Zielgruppe gibt, die den IE verwenden. Bei Jugendlichen eher unwahrscheinlich da sie meistens Firefox o.a. Browser verwenden.

      Die CSS-Befehle für den Internet Explorer müsst ihr selber bei Google Suchen. Das würde zu lange dauern, jetzt alle Befehle für jeden Internet Explorer hier aufzulisten.

      Das war's auch schon wieder. Hoffe ich konnte einigen helfen.
      z0r
    • Werbung zur Unterstützung des Forums ( Bitte AddBlocker deaktivieren )