棘手且恼人的侧边栏分列显示bug
Leave a Comment»
换个WordPress图放下,老子来求助了.
不得不承认WordPress的Theme搞起来是很麻烦滴,也不得不埋怨自己是有点千色色滴. 这两件既定的事实导致了Movie Castle的侧边栏出现了这样那样的变化,以及显示上的bugs.
先看几张图吧,我很郁闷ing,怕表述不清楚.
Firefox3下侧边栏榜单的显示
IE6 IE7 IE8下的显示...
使用了同样的样式,分类则没有任何问题
友情链接则出现了一样的问题. FF3下正常,IE下出现问题
大家大概知道我的郁闷了吧...看了下源代码,没有任何问题,即产生这样的显示bugs99%是由于CSS样式造成的,具体问题在哪里,我不知道. Chada的站里边侧边栏在IE下显示也有问题,以下是截图,这间接说明我虽然精简了Chada的CSS样式代码,但这不是引起显示状况的主因,那究竟是什么呢?!
Sidebar.php文件中我是这么写滴:
<div class="widget_box">
<h2>title</h2>
<div id="ttf">
<?php if(function_exists('ns_show_top_commentators')){ ?>
<ul>
<?php ns_show_top_commentators(); ?>
</ul>
<?php } ?>
</div>
</div>
<h2>title</h2>
<div id="ttf">
<?php if(function_exists('ns_show_top_commentators')){ ?>
<ul>
<?php ns_show_top_commentators(); ?>
</ul>
<?php } ?>
</div>
</div>
CSS中则是这么写滴:
#ttf ul li {
float:left;
margin-right:10px;
overflow:hidden;
padding:5px 0 2px 15px;
white-space:nowrap;
width:140px;
}
float:left;
margin-right:10px;
overflow:hidden;
padding:5px 0 2px 15px;
white-space:nowrap;
width:140px;
}
问题在哪呢?!...请积极为我和Chada找出这个bug的缘由及IE下的hack方法,感激不尽.哦,对了,我已经放弃Widgets了,所有侧边栏选项都是直接写在Sidebar.php之中滴...
这是真的
貌似没有中文工具箱调用的评论榜widget啊
只能停掉widget，代码调用，搞来搞去麻烦@@
发现自己真的挺懒的……哈哈
而且收入也没JN高。。。
我当初选错方向了...唉...
他写的简单,估计在其他地方写过对height的定义 才没有出现问题...
而我只在这里定义高度滴.
大家都知道...
你前段时间折腾博客不是很勤快的么...现在怎么又懒了...
做技术的真可悲...
代码盲优雅的飘过
以后出台条规定,xx盲不得飘过,荡过,路过,一律留下过路钱...
加一行代码在header头部, 让IE8工作在IE7的样式模式下好了...
""
过滤了我贴出来的代码《meta http-equiv="x-ua-compatible" content="ie=7" /》
感谢! 我已经加好了!
嗯 在ie8的标准没出来前还是先用这个办法解决问题吧 哈哈
哈哈，兄弟，借用你的CSS啦，有空去看看我博客上的效果
我是放在footer.php里面的哦
已经去观摩过,哈哈