IE浏览器和Chrome浏览器的CSS填充问题

请在IE和Chrome浏览器中查看以下 http://healthfacilitiesgroup.com/pm/phaseinfo.php 。我希望网站的宽度为8.5英寸，两边都有1英寸“边距”（意思是6.5英寸宽的段落等）。我认为这样做的方式是8.5英寸宽，1英寸填充。这就是CSS的设置，但由于某些原因，IE和Chrome完全不同。我不太喜欢html的新手，所以感谢任何事情。IE浏览器和Chrome浏览器的CSS填充问题

来源

2011-07-03 Ben Harvey

由于屏幕分辨率不同，很难在居中设计的两侧获得相同的边距（1英寸）。

不是以英寸为单位进行设计，而是以百分比来设计。这将给你一个更加一致的外观，它将根据用户的屏幕分辨率展开或收缩。

例如，您可能会考虑将您的主要div设置为80%，然后为其自动margin，这将填满其他空间。喜欢的东西...

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

第一个数字0从顶部和底部设置margin和auto配置它相匹配的两侧。

Padding顺便说一句，处理元素内的空间。查看更多这里：http://www.goer.org/HTML/intermediate/margins_and_padding/

来源

2011-07-03 02:42:02

您没有使用文档类型，所以您的网站呈现在Quirks Mode。怪癖模式+ IE =无望。

可以逃脱怪癖模式，实现一致性只需添加此作为的第一行：

<!DOCTYPE html>

这就是HTML5的doctype，它会触发标准模式。

来源

2011-07-03 02:42:17 thirtydot

永远不要使用IE作为事情应该如何工作的参考。始终，始终使用*任何其他浏览器来帮助验证您的标记。然后看看如何将IE的一切搞定。但IE浏览器的众多问题众所周知，修复它的黑客也是众所周知的。 – Rob

IE浏览器和Chrome浏览器的CSS填充问题

回答

相关问题