让网站在IE中工作

Question

我有一个我在Dreamweaver CS5中构建的网站，虽然我的测试网站在Firefox / Safari中看起来不错，但在IE 8中看起来很糟糕。对于初学者来说，图像的内联<li>（3行4）甚至不会出现在主页上。看这里- 测试站点主页：http://www.lauradimeo.com/TEST/index2.html

在我当前的主页上，我的logo / SM链接图像旁边出现一个灰色框。啊! 当前网站首页：http://www.lauradimeo.com

任何熟悉IE的人都有想法吗？

提前谢谢。

Answer 1

对于你的边界问题，IE有一个可怕的事情，链接包含的图像有边框设置。您应该可以通过在图像上指定“border：0”来处理此问题。

对于没有出现的图像，您似乎正在使用“section”标签。从理论上讲，这个HTML5标签适用于IE8。但是，理论并不总是像微软想的那样有效。我建议用两件事之一：

1）尝试简单！DOCTYPE html而不是DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional .dtd“

或2）用div替换section标签。

其中一个应解决问题。

顺便说一句，我注意到你是一名设计师。我不确定你是否打算进行网页设计工作，但如果你是我强烈建议尝试手工制作你的大部分HTML和CSS。这样做有助于我学习如何跨浏览器CSS，HTML和javascript，这比依赖于WYSIWYG编辑器要快得多。

希望这有帮助！

Answer 2

您需要了解条件样式表以处理某些情况。 Good article here虽然你可以谷歌条件样式表来获得任意数量的类似文章

Answer 3

首先，正如其他人所说，通过W3C验证器运行代码。它会发现很多可能很难发现的问题。

我在您的代码中注意到您使用的是HTML5标记，例如<section>。请注意，IE8或更早版本默认不支持这些。您可以使用HTML5Shiv或Modernizr来破解IE以使其工作（顺便说一下，我强烈推荐Modernizr）。

如果您计划使用HTML5标记，则还应更改doctype - 您当前将其指定为xhtml transitional，这与您决定使用HTML5标记不一致。将doctype更改为HTML5 doctype（这不会影响浏览器呈现，但会影响W3C验证器中的结果）。

希望有所帮助。