IE和Chrome中的CSS填充问题

时间:2011-07-03 02:28:58

标签: css internet-explorer google-chrome padding

请查看以下内容 http://healthfacilitiesgroup.com/pm/phaseinfo.php 在IE和Chrome中。 我希望网站的宽度为8.5英寸,两边都有1英寸“边距”(意思是6.5英寸宽段等)。我认为这样做的方法是一个宽8.5英寸,填充1英寸的div。这就是CSS的设置方式,但由于某些原因,IE和Chrome处理这种方式完全不同。我不是html的新手,所以感谢你。

2 个答案:

答案 0 :(得分:1)

您没有doctype,因此您的网站正在Quirks Mode呈现。 Quirks Mode + IE =无望。

您可以通过添加此作为第一行来逃避Quirks模式并实现一致性:

<!DOCTYPE html>

这是HTML5 doctype,它将触发标准模式。

答案 1 :(得分:0)

由于屏幕分辨率不同,因此很难在中心设计的两侧获得相同数量(1英寸)的边距。

不是以英寸为单位进行设计,而是以百分比设计更好。这将为您提供更加一致的外观,根据用户的屏幕分辨率进行扩展或收缩。

例如,您可以考虑将主div设置为80%,然后自动margin,这将填满其他空间。有点像...

div#main{width:80%, margin:0 auto;}

第一个数字0从顶部和底部设置marginauto将其配置为与边匹配。

顺便说一下,

Padding处理元素内的空间。点击此处:http://www.goer.org/HTML/intermediate/margins_and_padding/