Ziel ie8 und ie9 (nicht ie7)

Habe ich eine einfache Seite, und alles funktioniert wunderbar außer ie8 und ie9 bewegt sich eines meiner Elemente 1px nach rechts, und seine bedeutende b/c es ergibt sich eine 1px weiße Linie, gerade auf schwarzem hintergrund. Schrecklich.
Ich habe versucht, eine Menge von css-hacks und ie conditional comments aber Dinge wie <!--[if gt IE 7]> oder <!--[if gte IE 8]> nicht funktionieren. Nur <!--[if gte IE 7]> anerkannt wird, werden die Ziele ie7 als gut, aber ie7 rendert die Seite pixel-perfekt. Also habe ich versucht, ein rollback für die änderungen für ie7 mit zusätzlicher Kommentar <!--[if IE 7]> aber dieser tötete die fixes in späteren ie. Ie8 und 9 scheinen zu denken, Sie sind ie7.

Mein code bisher

<!--[if gte IE 7]>
<style>
#promo {margin-left:-1px;}
</style>
<![endif]-->

EDIT: Gelöst, es scheint, Es ist ein bug in der IETester, alles funktioniert und richtig installiert Explorers.

InformationsquelleAutor Valerij | 2011-03-18
  1. 0

    Wenn es nur eine Sache, die Sie brauchen, um bump, die Sie auch verwenden können:

    <!--[if IE 7 ]>    <html class= "ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class= "ie8"> <![endif]-->

    Diese geben dem html-element die Klasse .ie7 oder .ie8 je nachdem, was Sie verwenden, oder was Sie angegeben haben. Sie können dann den Gegner, was auch immer Sie ändern möchten, wie:

    .ie7 #promo {margin-left:-1px;} oder

    .ie8 #promo {margin-left:-3px;} und Ziel Sie individuell. Sie konnte auch angeben, eine Regel für den IE 9.

    Und fügen ihn in Ihre Haupt-stylesheet, in der Nähe der Unterseite. Dieses spart Sie vom müssen zu viele verschiedene stylesheets.

    Soweit IE9 nicht Rendern im IE9, ich denke, dass Internet Explorer tatsächlich fallback in einer früheren renderer wenn es installiert ist, aus Gründen, die völlig unbekannt für mich. Ich denke, dass Paul Irish erwähnt es auf seinem talk auf der HTML5-Boilerplate auf die onTwik website.

    Verwenden Sie einige code in Ihre .htaccess - Datei zu zwingen, den IE zu verwenden die aktuellste rendering-engine, und wird eigentlich Kraft, DH die Verwendung der Chrome-engine, wenn es installiert wurde:

    <IfModule mod_setenvif.c>
  <IfModule mod_headers.c>
    BrowserMatch MSIE ie
    Header set X-UA-Compatible "IE=Edge,chrome=1" env=ie
  </IfModule>
</IfModule>
    InformationsquelleAutor
  2. 0

    Ich würde empfehlen, mit einer tatsächlichen stylesheet mit dem IE conditional comments.

    Dieser Artikel gibt einen guten überblick, aber ich möchte vermeiden, die hacks Abschnitt.

    http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

    InformationsquelleAutor ScottE
  3. 0

    Sind Sie etwas zu tun, die Kräfte IE8/9 gehen in die Kompatibilitätsansicht? Wenn ja, könnten Sie unwissentlich sagen, diese Browser sich selbst zu denken, wie im IE7-zumindest soweit es Angelegenheiten, die für die Auslegung diese Bedingungen.

    • ich bin mit html5-doctype - kann dies der Grund sein
    • Von selbst, das ist unwahrscheinlich, da HTML5 nicht existieren, wenn IE7 wurde die aktuelle version des IE.
    InformationsquelleAutor Pops
Schreibe einen Kommentar