换个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之中滴...
不懂。。建议不要这么搞就好了~
简单点好。。
实在要的话也用三栏的
[回复]
其实有插件的,但是我希望放弃widgets...用code直接写.
错落有致才是美感。
只有官方网站才那么严谨～～
[回复]
...那是bug,不是具有美感的错落有致
我一直是用ff看你的站，倒是没有发现这个诺
[回复]
我也是在ff下调试的,所以一直没发现...
IE6下的确少了4个链接.
[回复]
没有少...还是这么多 只是显示很有问题.
CSS菜鸟飘过
[回复]
你显然不菜的...谦虚啥...
俺也是只在网银等极端情况下才会用IE滴。。
[回复]
淘宝时还要用ie nnd...
又一只CSS菜鸟飞过
[回复]
老e是编程方面的高手,css菜那也没什么了...
行高的问题，加个：
line-height:17px;
再试试
[回复]
ok 解决了ie5.5-ie7的问题,但ie8下依然有存在-.-......吐血的ie8啊
我的侧边栏一直下掉，更烦，本来想改一下链接颜色，找了半天，愣是没有在css中发现该改哪里，郁闷。
[回复]
a:link{color:#333;text-decoration: none;}
a:active{color:#0A9BDC;text-decoration: none;}
a:visited{color:#333;text-decoration: none;}
a:hover{color:#0A9BDC;text-decoration: none;}
最近我也想把我的侧栏分成两排来显示，我写的CSS代码本机测试都失败，郁闷。。
[回复]
我的css你可以直接copy...
迟来的CSS菜鸟飞过……
[回复]
抓牢迟来的小鸟. 丢进苦力营
你仔细看看就会发现：中文多的那边或者中文处在中间就会变形，我猜这是由于IE不如ff严谨。
你可以试着加上一句行高控制line-height，也许能解决。
具体我不是太懂。
[回复]
已经加了...的确解决了ie5.5-ie7的问题,但ie8下依然如是...
ps：这不是好好的嘛……
[回复]
ctrl+f5多次看看有没问题 现在应该只剩下ie8有问题了,不过是全页面的问题...不仅仅是这一处了.
啊。。。一点都没搞懂。。。。
悄悄地溜走。。。
[回复]
感谢翅膀同志忙里偷闲帮我这个小忙.
yacca的主题真是越做越精致了啊...真有功夫 PFPF
写到sidebar.php里也没什么不好 减少动态调用 挺简洁的～
[回复]
^^ 以后有时间就慢慢改动theme的小细节了...
咔咔，我说过我要坐享其成，哈哈，待会儿再去整理行高的问题。
夜猫潜行中。。。喵呜～
[回复]
-.- 狡猾滴chada哇...
FF3 没问题
IE6 最近评论 跑下去了 看来评论太长了
[回复]
已解决这个问题...针对ie6和5.5做了hack...
正在学CSS的也飘过~~~~~“网站程序员比妓女还累啊”，这是CB上一位网友的留言，感觉挺形象的，唉……
[回复]
妓女累在心里...技术累在脑子上
这是真的
大家都知道...
而且收入也没JN高。。。
做技术的真可悲...
我也想自己写
不过懒得去弄
麻烦的说，所以想放个评论榜都没放。。。
[回复]
懒到一个境界-.-
貌似没有中文工具箱调用的评论榜widget啊
只能停掉widget，代码调用，搞来搞去麻烦@@
发现自己真的挺懒的……哈哈
你前段时间折腾博客不是很勤快的么...现在怎么又懒了...
调试是一个很漫长的过程
现在知道 大公司了 测试员工资都很high的原因了吧
[回复]
我当初选错方向了...唉...
去吸收我爱水煮鱼的代码，就没这个问题了。
[回复]
他写的简单,估计在其他地方写过对height的定义 才没有出现问题...
而我只在这里定义高度滴.
代码盲优雅的飘过
[回复]
以后出台条规定,xx盲不得飘过,荡过,路过,一律留下过路钱...
加一行代码在header头部, 让IE8工作在IE7的样式模式下好了...
[回复]
""
过滤了我贴出来的代码《meta http-equiv="x-ua-compatible" content="ie=7" /》
嗯 在ie8的标准没出来前还是先用这个办法解决问题吧 哈哈
感谢! 我已经加好了!
哈哈，兄弟，借用你的CSS啦，有空去看看我博客上的效果
我是放在footer.php里面的哦
[回复]
已经去观摩过,哈哈