IE und Div Höhen

Question

Site in Frage:

http://www.sedulity.tk/

Website mit Chrome 19 dev:

---

Website IE9 mit:

Wie Sie auf der Homepage mit IE sehen können, scheint es, als ob es die Höhe des DIV jedes Bildes nicht erkennt, während auf Chrom und Firefox es kein Problem gibt.

Ich denke, das ist wahrscheinlich meine Schuld, wird IE nicht dafür verantwortlich machen ... aber ich kann es nicht herausfinden: |

Answer 1

in Ihrem CSS-Ordner gibt es eine CSS-Datei ie7style.css und es ist für das heißt verwendet wird (ich habe in IE8 getestet), und es hat eine Klasse (.item-Bild), die

.item-image{ 
    height:142px; 
} 

, ist Ausprobieren repariere es oder entferne es einfach.

Css-Datei: http://www.sedulity.tk/wp-content/themes/DeepFocus/css/ie7style.css

Siehe in dieser Entwickler-Tool Screenshot habe ich den CSS-Eintrag height:142px aus der Klasse entfernt (.Item-Bild) aus der Datei ie7style.css

Danach (without .item-image{height:142px} in Datei ie7style.css) siehe Seite in ie8

Answer 2

Versuchen Sie, eine Höhe zur .item

CSS

#portfolio-items .item { 
    height:500px; 
} 

Answer 3

Hinzufügen möchte man vielleicht this article für einen Cross-Browser-inline-block überprüfen, die sich nicht überlappen sich. Ihr Fall wird höchstwahrscheinlich durch die "Grundlinie" verursacht, bei der die nächste Gruppe von Elementen ihre Oberseiten auf der Basislinie der letzten Elemente aufbaut (die irgendwo in der Mitte des Elements liegen würde).