IE Raum zwischen den Zeilen

Question

Meine Website sieht ganz anders aus FF und IE (http://www.kiubbo.com), wie Sie seine dort viel Platz zwischen „.news_item“ Linien in IE 8

Wenn jemand eine Idee hat sehen können, warum?

Dank

Answer 1

die Differenz zwischen ie und ff in padding und margin Akt, mit ihm spielt in '.news_item' Klasse

Answer 2

Ich würde empfehlen, eine Liste mit Ihren Reihen, anstatt eine Reihe von div-Tags zu definieren, weil es mehr semantische ist. Dies könnte auch helfen, das Raumproblem zu lösen, das Sie haben.

Answer 3

Für IE (dh wie ältere Versionen von IE) im Kompatibilitäts Knoten ausgeführt wird, Ihre leere

<span class="news_item_title"></span> 

am Ende jeder Nachricht scheint zwischen IE und FF unterschiedlich zu machen. Brauchst du es wirklich dort?

Wenn es IE8 ist bist du speziell besorgt, es in Standardmodus erzwingen, indem Sie den entsprechenden Meta-Tag auf Ihre Seiten hinzufügen:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /> 

, dass die Seite machen fast identisch zu FF macht, abgesehen von Ihrer oben ad wird anders ausgerichtet.

Answer 4

Überprüfen Sie den Code. Der W3C-Validator found 57 errors in der Seite, von denen einige das Layout beeinflussen können.

Die Standards sind ziemlich klar, wie man korrekten Code rendert, aber es gibt keine Standards für das Darstellen von falschem Code. Die Browser versuchen nur, das Beste daraus zu machen, aber sie haben unterschiedliche Methoden, was mit falschem Markup zu tun hat.