Question

我的网站编码有问题。在Chrome，firefox等。它显示网站只是我想要的方式，但只在IE不同。我想我尝试了一切，现在我没有想法......

我可以发布代码，但也许更容易快速查看页面本身。在chrome和IE中打开它然后你会看到我的意思。在Chrome中，您会看到内容（6 div＆＃39; s）漂浮在彼此旁边，在IE中显示的内容更多，然后想要...

这是链接： HERE

提前致谢，

Answer 1

看起来像是标记的语法问题

<a href="#"><div class="diensten">
    <div class="diensten-content">
    <img src="images/icons/applications.png" alt="" class="diensen-icon"/>
    <h2>Web<span style="font-family:'Myriad Reg'">design</span></h2>
        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <span>» Meer</span>
    </div></a>
</div>

将两个结束标记</a></div>交换为</div></a>

<a href="#"><div class="diensten">
    <div class="diensten-content">
    <img src="images/icons/applications.png" alt="" class="diensen-icon"/>
    <h2>Web<span style="font-family:'Myriad Reg'">design</span></h2>
        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <span>» Meer</span>
    </div></div>
</a>

Answer 2

除非我不正确地盯着这个：

<a href="#"><div class="diensten">
    <div class="diensten-content">
        <img src="images/icons/refresh.png" alt="" class="diensen-icon"/>
        <h2>Re<span style="font-family:'Myriad Reg'">design</span></h2>
            "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <span>» Meer</span>
    </div></a>
</div>

应该是：

<a href="#"><div class="diensten">
    <div class="diensten-content">
        <img src="images/icons/refresh.png" alt="" class="diensen-icon"/>
        <h2>Re<span style="font-family:'Myriad Reg'">design</span></h2>
            "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <span>» Meer</span>
    </div></div>
</a>

嵌套不当......

IE div与css bg图像问题

2 个答案: