在某些浏览器中看到标题和主要内容之间的页面顶部删除空白

似乎与我的某个页面有不一致的问题。在某些浏览器中看到标题和主要内容之间的页面顶部删除空白

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

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

会很感激一些帮助，这请

来源

2010-07-23 Gary

哪个版本的IE有问题？ – Homer6 2010-07-23 08:06:39

body { \t margin：0; \t padding：0; } – 2010-07-23 08:07:35

你的问题是在IE8和IE7上，它看起来很正常。 – o15a3d4l11s2 2010-07-23 08:10:04

我看到的网址：http://kiwiradio.blakjak.net/wxradar.php，在IE 8.0，它是完美的，没有空间。如果你遇到问题。这里很少有事情可能会出错。

您放置两个DIV的并排和父div的宽度是固定的尺寸，该尺寸小于并排放置的两个div的总大小。在这种情况下，第二个div向下移动，如果第一个div的高度设置为填充整个页面，则可以将其看作空白。
头DIV /表的高度被错误地设置为填充页面的高度和内容没有完全填满整个DIV /表等

找出哪些浏览器使得这个问题，看看网址： http://www.quirksmode.org/css/contents.html 对于任何兼容性问题。

我不认为设置保证金和填充将有助于你所说的空间是整个页面。

来源

2010-07-23 08:19:03 RAM

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

使用IE浏览器测试仪，大大有帮助测试：

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

好运

来源

2010-07-23 08:31:22 Homer6

IETester很有用，但我不会100％依赖它。我发现了IE6中出现的错误，这些错误在IETester的IE6模式下没有显示。 – 2010-10-26 12:50:14

你是对的。这不是100％确定性的。但是，使用它比根本不测试好得多。大多数人不会竭尽全力来获得全功能的IE6安装。相反，廉价的解决方案就是IETester。 – Homer6 2010-11-07 15:05:36

如果你有没有发现什么问题是 - 问题是你的“雨雷达和地图”标题 - 您使用的标签不被广泛使用，因为标签istelf设计得不好。如果你不想改变这个，最快和最简单的解决方案是为“雨雷达和地图”中心标签添加高度。

来源

2010-07-23 09:00:23 o15a3d4l11s2

对不起，我不太明白你的意思.... – Gary 2010-07-23 17:11:14

好吧，我下载并安装微软的Expression 3 SuperPreview的，这样我可以看到在这两个IE6和IE8并排这使得寻找罪魁祸首脚本容易打开的页面。

原来是随这是造成显示问题幻灯片脚本CSS脚本，用它去除，我想现在它与ealier版本的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]-->

来源

2010-07-23 17:09:35 Gary

加里，如果你认为这是最终答案，你应该这样做。（使用问题旁边的复选标记）这将从“未答复的问题”列表中删除您的问题，并向发布答案的人员发布问题（除非，在这种情况下，您将自己的答案标记为最佳答案）。如果其他人有一个很好的建议，你可以考虑将答案标记为正确的答案，并提供你在这篇文章中提供的信息作为你原始问题的更新。 – 2010-10-29 20:23:56

-2

CSS解决方案：

* { padding: 0; margin: 0; }

来源

2010-09-05 23:01:07 Amit

-1。通用选择器（*）效率非常低。请参阅：http://www.stevesouders.com/blog/2009/06/18/simplifying-css-selectors/ – Yahel 2010-09-05 23:04:38

@yc：我没有意识到这一点。谢谢 – Amit 2010-09-05 23:10:03

基本上建议不要使用“ *”，它在与匹配之前匹配每个元素。使用良好的旧星型重置实际上并不比其他任何长期重置样式表更具性能，这些重置样式表主要针对所有元素。 – Daniel 2010-10-27 00:56:56

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

来源

2010-10-19 07:48:47

一些人默认设置： * {填充：0像素;保证金：0像素;}

至少它可以帮助自己设置应有尽有。

来源

2010-10-28 20:05:01 Tobias

在某些浏览器中看到标题和主要内容之间的页面顶部删除空白

回答

相关问题