我的div在不同的浏览器中定位不同

时间:2014-01-28 12:51:47

标签: css html5 html background-position

我在主页上进行了更改。我有背景图像和图像链接作为按钮。

然而,当为每个图像创建div时,我发现最好的方法是为每个图像添加div,因为这样可以让我将图像并排放置。我被告知要使用一个班级,但是上课时我不能将图像并排放置。:

这是我完成的页面,因为您可以在屏幕中间看到7个图像。

然而,如果你在Firefox中打开它,它就会变得凌乱:/

最好的解决方案是将它定位为我提供的链接。但在所有浏览器中。是最好的方式吗?

这是我的代码:http://jsfiddle.net/uJhvk/

e.g

 <div id="testimage">
  <div id="a1"><a href="">Awards</a></div>
 </div>

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:1)

http://jsfiddle.net/ahallicks/uJhvk/1/

我已经为#testimage2-6添加了浮点数并将余量添加到最后两个以将它们分开

float: left;clear: both;

使其坐在新的一行