搞定wordpress主题不同浏览器错位问题



首先说明写这篇文章不代表我懂CSS,不代表我会WEB,我只是不喜欢难看罢了。但是面对着目前市面上IE全家,火狐,Google Chrome,Safari,Opra以及各种IE内核浏览器,实在让我对小博客的主题感到力不从心,于是我这个代码盲开始修改主题的不归路~

侧边栏错位问题

在我的世界之窗(用了很久了,不舍得放弃)中,我的搜索框会和搜索两个字错位,就是搜索两个字跑到框的下面一行了,这个很简单了,凭我的直觉应该是CSS中设置的宽度不够,于是用google浏览器在审查元素中找到了那个with选项,本来是250(看来ie歧视250),于是修改成251,问题解决。

菜单栏错位问题

这也是一个很搞笑的问题,用ie内核浏览器(除ie9),会发现我的菜单栏挤在一起,并且高度也不一样,思路跟上面的一样,于是在CSS中调了菜单框的间距,但是问题依旧。后来再仔细观察了一下,好像只有英文的会出现问题,而中文就没有问题。不会吧,这么SB的问题IE也有?抱着试试看的态度搞了一下,我了个去,问题解决了。

最后,我分别在IE6.0,IE7.0,IE8.0,IE9.0,世界之窗,360,搜狗,腾讯TT,火狐,Chrome,Safari,Opera,枫树,傲游浏览器下测试了我的主题,发现了几个个存在的问题

1.Chrome,Safari的显示效果最好,并且Safari的加载速度最快!

2.非IE内核的浏览器表现很好

3.IE6.0还是错位,不支持(后来去看了我的这个主题原版作者的博客,他也在FUCK IE全家)

4.其他的都凑合能看吧

很久没有唠叨关于我的wordpress的问题了,因为我曾经做过一个决定,具体见这里,但是最近我也找了一个学长,跟他学习WEB开发,或许这也不算违约吧,呵呵~

 标签: 折腾, 主题错位

作者  :  sailor

仅仅看明白了还不够,能把别人给讲明白了才算及格。


  1. 罗伊
    1#
    罗伊

    来来来,帮我看看我的主题在IE下怎么杯具成那个样子了。。。

    June 8th, 2011 at 02:50 pm 回复
      1. sailor
        sailor

        你的很不错了,我当时就是用不同浏览器测试你的博客,发现你的表现都很强劲,我才去修改自己的博客的,不过我没有在ie6试过,呵呵

        June 8th, 2011 at 05:53 pm 回复
  2. 丁天飞
    2#
    丁天飞

    帮我看看啊,我的搜狗浏览器可以火狐的内页就错位…

    November 26th, 2011 at 08:55 am 回复
      1. sailor
        sailor

        没有用过搜狗的说~~~[face:han][face:han]

        November 30th, 2011 at 02:11 pm 回复


最新文章