保证金（或填充不知道）在Chrome/Safari的问题

继承人我的链接（被警告，它有自动播放音频 - ！对不起...）保证金（或填充不知道）在Chrome/Safari的问题

它不是通常的“看起来不错的FF但在IE浏览器的问题不好:)

在IE6/7火狐浏览器看起来很好，但在Chrome浏览器& Safari它有什么看起来像边缘/填充，或定位的大问题。（这缩小了呃？）

如果你看看你会明白我的意思。看起来我可能与我的一个CSS规则有冲突，但是那样会不会在所有浏览器中始终如一地产生问题？

任何帮助和指针感激地收到。谢谢。

编辑：不确定，为什么我的reset.css规则未生效...

的问题是在<h4>内product-panel-content<div> S中的边距。

修改下面的样式在site.css：

.product-panel-content h4 { 
    font-size:140%; 
    letter-spacing:-0.5px; 
}

是：

.product-panel-content h4 { 
    font-size:140%; 
    margin-top:0; 
    letter-spacing:-0.5px; 
}

将修复的基于WebKit的浏览器的显示问题（Safari和Chrome等）。我不确定这是否会导致其他浏览器出现其他显示问题，但在<h4>上尝试使用padding-top来补充该元素上没有空白的余量。

2009-01-23 14:54:25

非常感谢bjeanes，在页面上还有很多类似的问题。我很好奇为什么我的reset.css规则似乎没有照顾他们.. – 2009-02-09 10:43:23

因为我没有使用通用选择器，* {margin：0; paddding：0}，DOH – 2009-02-09 15:55:09

-1

Chrome和其他任何浏览器的区别在于它需要一个元素的指定宽度，并且增加了填充以获得最终宽度。而其他浏览器使用填充将空间内容分隔开并保留元素的指定宽度。 Chrome在那艘船上掉下了船。

2012-09-01 18:10:44

回答