IE7打破了我的菜单

时间:2012-10-31 11:41:18

标签: css

我对css非常好,但无法弄清楚我的菜单被IE7摧毁的原因。在我测试过的所有其他浏第一个图像链接是正确的。第二个图像链接是它在IE7中的外观。

http://www.asingularcreation.com/Forums/download/file.php?id=8368&mode=view/ie8+.jpg http://www.asingularcreation.com/Forums/download/file.php?id=8367&mode=view/ie7.jpg

以下是页面:http://www.asingularcreation.com/calls-to-artists.php。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

您不需要浮动(或清除)菜单容器。看起来它导致IE7错误地计算宽度,迫使菜单向下流动,在子菜单下面。

<div style="height:40px; line-height:40px; float:left; clear:both"><!--Main Menu --></div>

删除浮动和清除属性可修复IE7中的显示,并且仍可在Chrome和IE8以及IE9中使用。

示例页面中有很多内联样式,所以我也会考虑将CSS移动到外部文件中。