Ich habe eine Webseite mit vielen CSS-Eigenschaften entworfen, und wenn ich sie in IE betrachte, ist ihre Ausrichtung im Vergleich zu allen anderen Browsern nicht so korrekt.Welche CSS-Eigenschaften verursachen wahrscheinlich Probleme in Internet Explorer?
Was sind die CSS-Eigenschaften, mit denen ich mich im nächsten Jahr befassen sollte?
Vielen Dank.
Wenn Sie ein div mit einem Rand auf der gleichen Seite schwebte haben, wird es eine doppelte Marge in IE verursachen:
div
{
margin-left: 10px;
float: left;
}
oder
div
{
margin-right: 10px;
float: right;
}
Die Marge wird in der Tat 20px werden in IE.
Die Lösung ist display:inline hinzuzufügen.
Anzeige: Inline ist ein wenig peinlich für eine Korrektur, ich würde empfehlen, wo möglich Padding zu verwenden oder stattdessen die Marge in einer IE6-spezifischen Regel zu halbieren. – annakata
Und http://haslayout.net/css/index - dieser war in einem anderen Lesezeichen-Ordner :) – annakata
Lustigerweise haben sie das mehr logische Box-Modell. – Keyo
@Keyo - nun, das ist irgendwie subjektiv, aber du bist nicht der einzige, der das denkt. Ich würde das IE-Team dafür nicht gutschreiben - der Rest von IE schlägt vor, dass es ein glücklicher (?) Unfall ist :) – annakata
Bleib frei von den folgenden, es spielt nicht nett in ie.
display:inline-block
Es funktioniert tatsächlich für mich. Nicht überall, aber es ist ein bekannter Trick, um seltsames Verhalten zu korrigieren, ohne tatsächlich einen Inline-Block zu bekommen.Die Möglichkeiten von IE sind dunkel ... –
aye, mit Zoom: 1 hilft, aber es ist meiner Meinung nach alles andere als brauchbar – Blowsie
Das erste, was zu sagen ist, dass Sie sicherstellen sollten, Ihren HTML-Code immer eine <!DOCTYPE> Erklärung hat. Dies wird es in den "Standard-Modus" zwingen, wodurch der IE viel konsistenter zu anderen Browsern wird. (Es hat immer noch Tonnen von fehlenden und kaputten Features, aber es ist nichts im Vergleich zu der Katastrophe, die Sie ohne einen Doctype bekommen).
Um herauszufinden, was diese fehlenden und defekten Funktionen sind, empfehle ich Ihnen, sich http://www.quirksmode.org/css/contents.html anzusehen.
Die Quirksmode-Site verfügt über eine ausgezeichnete Reihe von Tabellen, die genau zeigen, welche CSS-Eigenschaften und andere Funktionen in welchen Browsern funktionieren. Es gibt auch Details darüber, was die Fehler in bestimmten Fällen sind. Wenn ich jemals eine Frage wie diese habe, ist Quirksmode der erste Ort, an den ich gehe, um die Antwort zu finden.
Der zweite Ort, an dem ich die Antwort finden, ist http://caniuse.com/. Diese Seite konzentriert sich jedoch mehr auf neuere Funktionen und kann Ihnen daher möglicherweise nicht alles sagen, was Sie wissen müssen.
* Alle * von ihnen, ernsthaft. – Kyle
Ich meine einige Eigenschaften wie Ränder und Paddings. – KillerFish
Hängt von der Version von IE ab, die Sie verwenden, lesen Sie auf Kastenmodellen und der Art, wie IE Dinge etwas anders anfängt. – 4imble