2011-05-31 114 views
1

这里的情况:my WordPress Gallery looks fine在Firefox,Safari等,但是,IE浏览器(Windows下)上运行,在画廊包裹到下一行的最后一张图像。图库图片包裹在IE浏览器而不是在其他浏览器

到目前为止,我已经尝试调整图库宽度,填充,内联,块和更改列数无济于事。该行有足够的空间来适应图像。

这里就是我认为是相关的CSS位:

#gallery-1 { 
    float: right; 
    height: 70px; 
    margin: 1px; 
    padding-bottom: 20px; 
    width: 480px; 
} 

.gallery-icon { 
    width: 55px; 
    padding: 3px; 
    margin: 0; 
    float: left; 
} 

.gallery-columns-7 { 
    padding: 0; 
    margin: 0; 
} 

.gallery-item { 
    float: left; 
    margin: 3px; 
    padding: 0 2px 0 0; 
    width: 55px; 
} 

人有什么想法?

+0

您正在运行哪个版本的IE? – BryanH 2011-05-31 19:24:09

回答

2

修复此

<dl class="gallery-item"> 
{ 
margin-right: 3px; 
margin-left: 3px; 
} 

要么更改为1px或删除它们,或在styles.css的线1219

+0

如果问题已解决,您可以将答案标记为正确! – Jawad 2011-05-31 19:25:53

+0

这两个答案组合起来工作。非常感谢! – Elaine 2011-06-01 14:59:56

0

尝试在你的.gallery-item类设置overflow: hidden;删除刚才的左或右边距。

+0

哇。有人讨厌那么多的答案?这是无益的吗? Downvotes通常被用来表示一个答案是如此非常不准确或误导性的,它不应该被考虑。 – 2011-05-31 20:56:27

+2

应该有,至于谁已经下来投票的答案,他这样做的原因的信息。 – Jawad 2011-06-01 06:28:50

+0

同意Jawad。 – abalogh 2011-06-01 13:52:20

相关问题