对齐(浮动)问题跨浏览器

时间:2010-12-05 14:38:20

标签: css layout cross-browser

我在对齐图像(向左浮动)和div(浮动高度)时遇到问题。

它适用于IE8,Firefox和Opera

它在IE7和谷歌浏览器中无法正常工作。

我无法弄清楚发生了什么。

非常感谢任何帮助。

我在HERE

上传了该页面

2 个答案:

答案 0 :(得分:3)

一种可能的解决方案是将 float:left 属性添加到相应行中的图像中,在代码中它将如下所示:
$('#imgShow').css({ 'float':'left', 'width': '450px', 'height': '300px', 'margin_bottom': '4px', 'padding-bottom': '8px' });

我在谷歌浏览器(8.0.552.208测试版,Ubuntu)中进行了测试,看起来效果很好。 希望有所帮助。

答案 1 :(得分:1)

尝试将右浮动div放在HTML中。