css - 在 IE7 中，表格左侧的填充不起作用

Question

我有一个嵌入在 div 中的表格，图像浮动在它的左侧。我使用 padding-left 在图像和表格之间添加一些空间。它在大多数浏览器中都可以正常工作，但在 IE7 中，表格正在触摸图像。当我检查元素时，填充与表格重叠，而不是在表格的左侧。

我尝试在最小的小提琴中复制它，但我的尝试在所有浏览器中都遇到了这种不当行为，所以我不确定真实页面上有什么不同。

真实页面是：

http://dev.bridgebase.com/barmar_test/lessons/index-so.php?cat_id=3

我关心的间距在“标题：”的左侧。

尝试的小提琴是：

http://jsfiddle.net/barmar/HaCgF/4/

如何在所有浏览器中一致地获得此间距？

Answer 1

你为什么不尝试删除表格上的填充，并将margin-left放在图像上？

Answer 2

这是我试图回答的问题。我移动了一点（如果它太多了就对我大喊：-p）......对.movie元素应用了一个clearfix，等等。这就是我会做的事情。我将填充移动到图像而不是TABLE. 我注意到表格上的填充并不总是您所期望的那样，而且我认为大多数浏览器只真正希望在TH和TD元素的内部进行填充。

Answer 3

padding-left尝试在图像上添加 a而不是在桌子margin-right上。请参阅我对您的 JSFiddle所做的微小更改。