删除页眉顶部和某些浏览器看到的主要内容之间的空白区域

Question

似乎与我的某个网页存在不一致的问题。

在某些IE浏览器中，它在标题和主要内容之间显示几乎整个屏幕的空白空白，奇怪的是在我的电脑上同时使用firefox，即页面正确显示但是在其他一些电脑上显示空白区域。

http://kiwiradio.blakjak.net/wxradar.php

非常感谢您的帮助

Answer 1

Answer 2

我查看了网址：http://kiwiradio.blakjak.net/wxradar.php，在IE 8.0中，它是完美的，没有空间。万一你遇到问题。这里可能出现的问题很少。

1. 并排放置两个DIV，父div的宽度是固定大小，小于并排放置的两个div的总大小。在这种情况下，第二个div向下移动，如果第一个div的高度设置为填充整个页面，则可以看到它为空白。

2. 标题DIV /表格的高度被错误地设置为填充页面的高度，内容未填满整个DIV /表格等。

找出导致问题的浏览器并查看网址： http://www.quirksmode.org/css/contents.html  任何兼容性问题。

我不认为设置页边距和填充会有所帮助，因为你说空间是整个页面。

Answer 3

这显然是你的侧边栏。我删除它，问题消失了。尝试进一步缩小范围，直到找到罪魁祸首。

使用IE测试仪大大帮助测试：

http://www.my-debugbar.com/wiki/IETester/HomePage

祝你好运

Answer 4

如果您还没有找到问题所在 - 问题出在您的“Rain Radar and Maps”标题上 - 您使用的标签没有被广泛使用，因为标签istelf设计得很糟糕。如果您不想更改此设置，最快速，最简单的解决方案是为“Rain Radar and Maps”中心标签添加高度。

Answer 5

您是否使用BOM的UTF-8？我以前用过它而且遇到了类似的问题。 如果是这样，请将编码更改为UTF-8而不使用BOM。

Answer 6

某些人默认设置： * {padding：0px; margin：0px;}

至少它有助于自己设置一切。

Answer 7

CSS解决方案：

* { padding: 0; margin: 0; }