我的一个页面似乎存在不一致的问题。
在某些 IE 浏览器中，它在标题和主要内容之间显示几乎整个屏幕的空白区域，奇怪的是，在我的电脑上同时使用 firefox 和 ie 页面显示正确，但在其他一些电脑上却显示空白区域。
http://kiwiradio.blakjak.net/wxradar.php
非常感谢您对此的帮助
【问题讨论】：
标签： php html css internet-explorer whitespace
好的，我下载并安装了 Microsoft Expression 3 Superpreview，这样我就可以看到在 IE6 和 IE8 中并排打开的页面，这使得找到罪魁祸首脚本变得容易。
原来是幻灯片脚本附带的 CSS 脚本导致了显示问题，它删除了所有内容，我现在希望它在早期版本的 IE 中显示。
感谢您的帮助。
<style type="text/css">
/* All Styles Optional */
* {
font-family:arial;
font-size:10pt;
}
div#show3 {
background-color:#efefef;
width:140px;
margin:0 auto;
border:1px solid #444444;
}
div#show3 table td, div#show4 table td {
height:24px;
background-image:url('38.gif');
}
div#show4 table td {
background-image:url('40.gif');
}
div#show3 table input, div#show4 table input {
outline-style:none;
}
</style>
<!--[if IE]>
<style type="text/css">
div#show3 table td, div#show4 table td {
height:21px;
}
</style>
<![endif]-->
【讨论】：
我查看了网址：http://kiwiradio.blakjak.net/wxradar.php，在IE 8.0中，完美无缺。万一遇到问题。这里几乎不会出错。
您将两个 DIV 并排放置，并且父 div 的宽度是固定大小，小于并排放置的两个 div 的总大小。在这种情况下，第二个 div 向下移动，如果第一个 div 的高度设置为填满整个页面，您可以看到它是空白的。
标题DIV/Table的高度被错误设置为填满页面的高度，内容没有填满整个DIV/Table等
找出问题所在的浏览器并查看网址： http://www.quirksmode.org/css/contents.html 任何兼容性问题。
我不认为设置边距和内边距会有所帮助，正如您所说的空间用于整个页面。
【讨论】：
这显然是您的侧边栏。我删除了它，问题就消失了。尝试进一步缩小范围，直到找到罪魁祸首。
使用 IE 测试器极大地帮助测试：
http://www.my-debugbar.com/wiki/IETester/HomePage
祝你好运
【讨论】：
如果您还没有发现问题所在 - 问题在于您的“雨雷达和地图”标题 - 您使用未广泛使用的标签，因为标签 istelf 设计不当。如果不想更改，最快最简单的解决方案是为“Rain Radar and Maps”中心标签添加高度。
【讨论】：
BOM 是否使用 UTF-8？我以前使用过它，但遇到了类似的问题。 如果是这样，请将编码更改为不带 BOM 的 UTF-8。
【讨论】：
有些人默认设置： * {padding:0px;margin:0px;}
至少它有助于自己设置一切。
【讨论】：
CSS 解决方案：
* { padding: 0; margin: 0; }
【讨论】：