IE7 css样式应用不一致

Question

如果之前已经提出这个问题，我道歉。我对CSS和Web开发比较陌生。我正在开发一个必须针对IE7的网络应用程序。对于我的生活，我无法弄清楚为什么在“赋值”页面上无序列表的格式是单向的，而在“员工数据”页面上它根本没有格式化。两个页面都使用相同的样式表。我只在IE7和IE8中遇到这个问题，新版本工作正常。

以下是该网站的链接

http://www.j-holmes.net/

如果以前曾经问过这个问题，我再次道歉。我想不出更多的搜索条件来谷歌答案。

Answer 1

看起来您的ul元素嵌套在nav元素中，但在EmployeeData.aspx页面上，似乎nav元素已关闭，就像在此处的链接图像一样：http://www.kruegerwebdesign.com/images/questions/closednav.png

只需确保nav元素已打开且包含无序列表，并且样式应相同。

Answer 2

IE 7不支持＆lt; nav＆gt;你可以替换为div：nav ul li a

Answer 3

我不确定原因，但nav元素在员工数据页面上不起作用。浏览器认为在nav元素之前有一个menu元素，而在menu元素周围有一个元素而不是一个元素。由于CSS依赖于menu元素中的nav元素，因此不适用。

我在HTML代码中看不到任何错误，但可能存在一些错误导致浏览器无法正确解析代码。

另一个可能的原因可能是您使用的是HTML5特定元素，IE7无法理解。它似乎在某些页面中仍然有用，但它可能会使浏览器对标记错误更具敏感性。

Answer 4

如果问题是HTML5标签不能在IE7浏览器中工作，我发现这个文件很有用。它为老式浏览器翻译HTML5：http://code.google.com/p/html5shiv/这当然值得一试。