请查看以下内容 http://healthfacilitiesgroup.com/pm/phaseinfo.php 在IE和Chrome中。 我希望网站的宽度为8.5英寸,两边都有1英寸“边距”(意思是6.5英寸宽段等)。我认为这样做的方法是一个宽8.5英寸,填充1英寸的div。这就是CSS的设置方式,但由于某些原因,IE和Chrome处理这种方式完全不同。我不是html的新手,所以感谢你。
答案 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
从顶部和底部设置margin
,auto
将其配置为与边匹配。
Padding
处理元素内的空间。点击此处:http://www.goer.org/HTML/intermediate/margins_and_padding/