IE / Safari中不存在正确的填充

时间:2014-11-20 21:59:09

标签: css css3

我有填充:每页主要元素上有0 40px 0 40px。

在chrome中,使用正确的填充布局看起来正确。这里的图像显示了使用开发人员工具的正确填充。 http://imgur.com/BButZht,TuOHanN

然而,在IE和Safari中,填充不存在,文本/图像被移动到外部主体元素。 http://imgur.com/BButZht,TuOHanN#1

我无法弄清楚为什么会这样。 IE开发人员工具对我帮助不大

主页和类别页面的填充问题相同。 www.luminoto.com

由于

1 个答案:

答案 0 :(得分:0)

IE在display:block元素的浏览器样式表中没有main,因此您必须在样式表中明确添加它 - 否则它只会被视为inline元素(所有内容都会“流出”)。

您可以将其直接添加到.photo_main的格式中 - 尽管更好的地方是在“重置”样式表中,以平衡此类浏览器差异。

不确定Safari是否面临同样的问题,但请尝试一下,看看它是否也能解决这个问题。