1

我以为我已经完成了为我妈妈的遛狗业务创建的这个网站的标记，但后来我意识到我的 CSS 仅部分应用于我在 Internet Explorer 中的网站。这很奇怪，因为我的 CSS 中的正文背景图像显示，但我的导航图像和导航的锚标记不显示，并且我的 div 的边框在 IE 中丢失。在 Firefox 中一切正常。

即填充和边距也很疯狂。

我从人们那里读到，ie 通常对 margin-left margin-right padding-left 和 paddin-top- 这样的东西不太友好。它通常更喜欢例如 padding: 20px; 或边距：30px；但我不知道那是不是我做错了。我看不出这会使我的边框和导航图像在 ie 中消失。非常令人沮丧。

网址是www.grinningpup.com/dannytesting/grinningpup.com/index.html

我尝试编写语义标记。我希望解决方案不是由于我犯的愚蠢错误。

4

3 回答 3

1

您正在使用 HTML5，IE8 及以下版本无法正确解释。
您需要包含html5shiv并将以下内容添加到您的 css 中：

 article, aside, figure, footer, header, hgroup,
 menu, nav, section { display: block; }
于 2012-12-23T17:34:31.863 回答
1

欢迎来到 SO！

我快速浏览了您的网站，发现问题是您使用了旧版本 IE 不支持的 HTML 5 元素。

最简单的解决方法是添加Modernizr，这是一个旨在检测浏览器支持的 JavaScript 库，并且在大多数情况下，填充它们（仅在这种情况下）。关于这个主题有很多资源。我最喜欢的是这个；http://diveinto.html5doctor.com/但只需谷歌并检查 SO 以获取更多信息。

我希望这可以帮助你！

于 2012-12-23T17:34:55.887 回答
0

HTML "nav" 标签和 "section" 标签不支持 IE 8 和更早的版本。因此，您只需使用“div”标签即可解决所有问题。

于 2012-12-23T17:52:32.887 回答