Mozilla和IE中的填充问题

时间:2012-10-04 18:04:33

标签: html css internet-explorer padding

网址:http://onedirectionconnection.com

我在Internet Explorer中的网站存在填充问题(一如既往)

在Chrome和Mozilla中,该网站很好(至少在最新版本中)。在Internet Explorer上,我的注释div的填充不起作用。

基本上,左侧有300px的填充,右侧有60个填充,内容为67像素,因此注释编号可以放在每个帖子底部的粉红色框中。

在IE中,右侧的填充不会呈现。如果有人知道问题可能是什么,任何帮助将不胜感激!

4 个答案:

答案 0 :(得分:0)

使用这种风格可能很有帮助

 html,body{
  margin:0;
  padding:0;
}

答案 1 :(得分:0)

你处于Quirks模式。您的DOCTYPE一定有问题。

修改

使用此:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

答案 2 :(得分:0)

HTML上方有一个HTML注释块

<!--THIS INCLUDES HEADER.PHP-->

这使IE进入Quirks模式。删除它,看看它是否有帮助。

答案 3 :(得分:0)

首先,使用http://w3.validator.org查看您的HTML是否有问题。我也看了你的CSS,没有CSS重置。 Internet Explorer不遵循相同的盒子模型,这可能是导致问题的原因。您应该考虑使用Eric Meyer重置为初学者,然后根据您的需要进行修改。您可以在此处找到Eric Meyer重置:http://meyerweb.com/eric/tools/css/reset/