为什么IE8在菜单栏和页面内容之间显示空白GAP?

时间:2010-08-08 06:46:41

标签: javascript html css internet-explorer cross-browser

The page in question

请在您通常使用的任何浏览器中打开该页面,并确认菜单栏紧接在地图之前。接下来,在IE8中打开页面,看到它插入空格(大致是菜单栏的高度)。即使您使用IE7,也不会出现空格。这困扰了我一段时间,但我找不到合适的解决方案。

感谢。

3 个答案:

答案 0 :(得分:1)

你想尝试IE兼容性视图吗? 使用后我没有问题。 我测试了没有兼容性视图并看到了空间

答案 1 :(得分:1)

你想让我们调试混淆的javascript? : - )

我只能告诉你的是

1)您没有使用带有严格DTD的(Google Maps v2)推荐DOCTYPE:

<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

参考:Google Maps API V2 Doc.

这将把IE转换为“标准兼容模式”(根据微软的说法,无论如何)

2)尝试使用IE7兼容性标记:

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

这必须是第一个META标签,并且在任何CSS之前。 即使是MS自己的Bing地图也会使用它。 : - )

答案 2 :(得分:0)

您尚未明确设置标题标记的边距,但您正在标题附近的某些隐藏元素中使用它们。这应该可以解决您的问题:

h2 { margin: 0; }