填充左边的表不能在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

这是my attempt的答案。我移动了一下（如果它太多了，请对我大喊:-p）...对.movie元素应用了一个clearfix等。这就是我要做的。我将填充移动到图像而不是TABLE。我注意到桌面上的填充并不总是你所期望的那样，我认为大多数浏览器只是期望在TH和TD元素的内部填充。

Answer 3

而不是padding-left，请尝试在图片上添加margin-right。请参阅我对your JSFiddle所做的非常小的更改。