css - 我正在 Mac 上开发一个网站,所有主流浏览器都能正确呈现它。但是我很困惑如何让它在 IE 中正确显示

标签 css internet-explorer css-float margins

<分区>

这是网站:http://dev.oonasboston.com

在 IE 中,它呈现时没有一些标题, Logo 向右移动,菜单将链接一个一个地堆叠在另一个之上(而不是并排),并且它看起来就像页脚内容阅读不正确。

我想弄清楚如何解决这个问题。我对它在 Chrome、Firefox 和 Safari 中的显示方式感到满意。

我正在使用 Wordpress 并使用我自己的 css。

最佳答案

最重要的是,为了跨浏览器兼容性,doctype 声明(例如 <!doctype html>)应该是源代码的第一行。 *

http://validator.w3.org/会通知你这件事,可能还有其他事情。 (http://jigsaw.w3.org/css-validator/ 用于 CSS。)

因此,您需要找到该代码所在的 WordPress 头文件并对其进行更改。您可以在 http://webchat.freenode.net/?nick=stephanie&channels=#wordpress 获得帮助如果你需要它。

关于css - 我正在 Mac 上开发一个网站,所有主流浏览器都能正确呈现它。但是我很困惑如何让它在 IE 中正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14421168/

上一篇:html - 如何确保背景水平拉伸(stretch)?

下一篇:html - Iframe 隐藏了容器的样式

相关文章:

internet-explorer - Internet Explorer的内容安全策略(CSP)解决方法

java - 在 selenium 中使用 Internet Explorer 浏览器时无法启动 IE 浏览器 - IllegalStateException

css - 当包装 div 没有边框时,这个 float div 如何获得上边距?

html - 向左浮动 100% 高度 div - div 之间的间隙

css - 阻止大小为 "fixed"的 float div 浮出容器

javascript - 让段落行自下而上而不是自上而下的技巧

javascript - 尝试制作连续的 JavaScript slider

javascript - 检测 IE 的 Metro UI 版本

javascript - 无需单击或 Ctrl 单击即可同时拖动多个 DIV

css - Modernizr 不适用于 IE9 中的 "column-count"