求助: 如何解决IE 8.0和FF 2.0下顶部显示的空白问题

我现在使用的是一款移植于WP风格的Bali flower主题,从去年的12份一直用到现在,很是喜欢,可是最近发现了一些小的细节问题,就是在IE 8.0和FF 2.0显示下顶部会出现一段空白,感觉非常不舒服,不过在IE 7.0和其他的浏览器下显示正常并表现良好。

我对DIV+CSS只略懂一二,还有很多地方需要学习,遇到这个问题还真不知道怎么办,在网上找来找去都没有找到一个有效的解决方法,所以就来求助大家,希望DIV+CSS高手不吝赐教啊。

在IE 8.0下的显示效果:

在FF 2.0下的显示效果:

在TT 2.0下的显示效果:

作者:sinoblog
原文链接:求助: 如何解决IE 8.0和FF 2.0下顶部显示的空白问题
Sino Blog 版权所有,转载时必须以链接形式注明作者和原始出处及本声明。

Posted in 建站日志. Tags: , .

5 Comments

  • At 2008.04.18 16:42, happy said:

    晕,我还在用IE6.0,你都用8.0了

    • At 2008.04.18 19:44, 小一 said:

      css hack呀!

      • At 2008.04.18 19:47, 小一 said:

        看看这个http://www.xiao321.com/post/77.html也许有点帮助!
        我没用过IE8,我也不太清楚,但IE6、IE7和FF2.0我会弄!

        SinoBlog 于 2008-4-18 20:25:48 回复

        谢谢小一同学啊~

        • At 2008.04.19 17:53, haphic said:

          修改 divAll divPage divMiddle 的 margin 和 padding height 等. 前两者设成 0 后者设成适合的高度.
          具体怎么改只有你自己试着来了.
          最好别用 Hacker, 用着麻烦改着更麻烦. 其实九成的错位问题都可以用正常方式解决. 只要找出不同浏览器解读不同的部分就行了. 对默认值不一样的进行强行定义, 对类似于Margin加倍的问题避开使用Margin就行了.

          SinoBlog 于 2008-4-19 20:54:09 回复

          嗯,好的,我就用FirefoxPortable试试看,非常谢谢haphic!!

          • At 2008.04.20 13:26, haphic said:

            还有两个可能, 第一就是把标题如 #blogTitle 设成 float:left; 第二就是 header 部分有的 div 的高度和内部元素的高匹配.

            (Required)
            (Required, will not be published)