katun.ch blog

Einschränkungen für den IE6

Wie Christian in seinem Hackthenet-Weblog, möchte auch ich die IE6 Nutzer dazu auffordern ihren Browser zu updaten. Es kann ja nicht sein, dass Leute immernoch mit einem 7 Jahre alten Browser durch das Internet surfen! Manche können aber auch gar nichts dafür. Zum Beispiel die jenigen welche in einem Grossbetrieb keine Möglichkeit haben einen neueren Browser zu installieren. Diese möchte ich nicht ausschliesen. Desshalb habe ich mich dazu entschieden, meinen Blog nur noch in Graustufen und mit einem Hinweis auf ein Update den IE6 Nutzern bereit zu stellen.

Ich möchte die IE6 Nutzer bitten ihren Browser auf den neusten Stand zu bringen!

Wenn auch du den IE6-Nutzern zeigen willst, dass sie einen Uraltbrowser verwenden, dann gehe wie folgt vor:

• Füge folgendes in dein Stylsheet ein:
  /*IE-Only*/
  #ieonly {
    background-color: red;
    color: #fff;
    text-align: center;
    padding: 8px;
  }

  #ieonly a {
    color: #fff;
    font-weight: bold;
  }

• Folgendes gehört in den Header (direkt vor dem -Tag) eures Templates
  <!–[if lt IE 7]>
  <style type="text/css">
  #wrap {
    filter: gray;
  }
  </style>
  <![endif]–>
   
• Und direkt nach dem -Tag kommt folgendes:
  <!–[if lt IE 7]><div id="ieonly">
  Du benutzt einen veralteten Webbrowser, bitte mach ein <a href="http://tinyurl.com/2t89wt">Update</a> oder wechsel am besten zu <a href="http://tinyurl.com/5djod">Firefox</a>.
  </div>
  <![endif]–>

  Natürlich können die Tinyurls’s mit den Original-URL’s ersetzt werden. Ich habe die Tinyurl’s nur aus Darstellungsgründen in das Beispiel eingefügt.

Das sollte nun euren WordPress-Blog für den IE6 in schwarz-weiss darstellen.