为什么我的网站的某些元素在多个浏览器中的位置不同?

时间:2013-09-04 21:54:28

标签: html css wordpress

网站正在进行中:http://www.modernfuture.net/wordpress

我的网站终于在Firefox 23中看起来和预期一样!

但是,如果我在Chrome 29或Safari 5中查看该网站,我的社交div,徽标图片和精选帖子图片的位置与预期不同。

有关导致此问题的任何想法?

此网站看起来与我的Galaxy S3上的预期完全不同,但我应该将此问题保存为其他线程。无论哪种方式都不确定它是否与这种跨浏览器的funkiness有关,但我认为无论如何都应该提及它。

感谢您的帮助SO !!

2 个答案:

答案 0 :(得分:1)

使用CSS重置,它将最小化浏览器之间的差异。

这是example

答案 1 :(得分:1)

布局似乎是基于一套非常时髦的相对定位而没有坚实的基础。例如,在使用inline-block进行微调之前,标题的片段可以制作成position:relative;元素并垂直对齐