1

I'm working on a new website, it's using jQuery and CSS3 elements, and it's working well in Firefox, Chrome and other browsers; however it's not getting messed up in IE

The link to my website is http://www.sy-architects.com/test. Could please take a look at it? I suspect it's something to do with the bottom menu and <ul> markup but am not sure.

EDIT: If you mouse over on the menu Practice People or Projects you will notice that the design is messed up the bottom bar is on the top and the rest of the <li> is showing on top instead of the menu itself and it's getting weird, plz check it on both Firefox and IE to see the difference, I'm using IE9 by the way

4

1 回答 1

1

首先，我会删除这个：

    <meta content="IE=8" http-equiv="X-UA-Compatible" />

没有理由下移网站以使 IE9 像 IE8 一样工作。IE9 上存在一些显示问题，但是一旦您对其进行测试，应该很容易解决。

其次，您应该验证 HTML，有 16 个错误，其中一些是布局问题（元素没有关闭，特别是在导航菜单中，很多 LI 没有正确关闭。虽然并非所有问题都很严重，但布局问题可能会导致特别是在解析引擎较差的旧浏览器（如 IE7）中崩溃。

除此之外，我在 IE7 中没有看到任何崩溃，只是布局问题。修复 HTML 标记应该对修复布局大有帮助。

于 2012-05-06T00:43:57.760 回答