增加了Divs以下的空间

时间:2010-01-26 19:09:28

标签: internet-explorer html css-float space

我有一个布局,其中导航是一组堆叠在一起的div。典型的淘气,“除了最糟糕的IE浏览器外,它适用于所有浏览器。”我希望它在IE中的div之间没有任何空间。

以下是网址:http://www.drmsmaggio.com/

之前我没有声明doctype时遇到了这个问题,但这不是问题,因为有一个doctype集。

非常感谢任何帮助。

3 个答案:

答案 0 :(得分:1)

首先,我将转向4.01严格的doctype而不是过渡的doctype。 Transistional在所有浏览器中触发怪癖模式,这意味着你最终会遇到像这样的有趣的小问题。

其次,我会使用重置样式表来删除大部分继承的填充/边距。然后我会在必要时使用CSS设置这些填充/边距。

不过,你应该看到this question。 Joel Coehoorn对如何构建一致的渲染页面有很好的回应。

答案 1 :(得分:0)

你可以尝试在你的div上应用一个小的底部边距,并摆脱位于菜单div之间的“spacer”div。

margin-bottom:7px;

答案 2 :(得分:0)

看起来就像“什么是脊椎按摩疗法?”有一段文字是黑色的。这应该是你的一些问题; o)