昨天的CSS样式问题其实很容易解决

WordPress~ 真的让我学到了不少有趣的东西!

　　昨天的我很郁闷,原因在这里. 现在的我心情不错,有豁然开朗的感觉, 解决问题的感觉真tmd的有快感,所以我需要遇到许多问题,然后尽我所能一一解决之,那样是不是就...-.-

　　经Lucifr和slim两位友人的提醒,我在原有的CSS样式中添加了一句控制行高的代码,变成这样:

#ttf ul li {
float:left;
margin-right:10px;
overflow:hidden;
line-height:17px;
padding:5px 0 2px 18px;
white-space:nowrap;
width:140px;
}

　
　　目前我很确定的一点是,出现显示上的问题最根本的原因是高度没有控制好,因为加上line-height后,FireFox3那是根本没问题的,IE5.5-IE7下侧边栏全部恢复正常,可还有一个遗漏,那就是IE8...虽然IE8只是个测试版本,但既然都看到有问题了,难道随它去?! 这不是我的风格,我满脑子的解决,解决,解决! 经Oyster提醒,尝试着把line-height换成了height,以上代码变成这样:

#ttf ul li {
float:left;
margin-right:10px;
overflow:hidden;
height:17px;
_padding:6px 0 1px 18px;
padding:5px 0 2px 18px;
white-space:nowrap;
width:140px;
}

　
　　又多加了一句_padding,这是针对ie6专门写的hack代码,只在ie6下有效,如此一来,令我纠结几十个小时滴问题全面解决,hoho^o^. 有朋友说我这css写有够乱的,厄...初次接触这么多css的进阶知识,实在一时之间难以做到整洁,写的语句目标也是使得前端显示正常即可. 所以大家如果有好的建议,或者对以上css架构有不同的想法,欢迎留言让我观摩并学习.另外,Chada同学可以过来坐享其成了...

注: 如果对我写的语句不太明白什么意思,建议去这里好好学习并查询下,或者谷歌也是可以的.

> Tags: CSS, Firefox, IE6, IE8, Themes, WordPress, 侧边栏
> 本文归于行业&博客,由Yacca发布于2008.07.31 19:23.引用请trackback.
> 如需转载烦请添加以下信息: 本文内容转载自Movie Castle[www.eemir3.com].
> 如喜欢这篇文章或者本站,建议您RSS订阅本站,以及时地获取更多精彩内容!

本日志现有 49 条精彩评论 | Leave a Comment»

ddkk3000 said in 2008.08.04 18:51:　Reply

好吃吗，芽茶。
ddkk3000 said in 2008.08.04 18:51:　Reply

没事搬你侧边栏干嘛。
ddkk3000 said in 2008.08.04 18:53:　Reply

不行，忍不住最后垃圾评论一条。
Yacca said in 2008.08.04 21:05:　Reply

小墨这不是不想自己动么呵呵,可以把我的sidebar拿走
Yacca said in 2008.08.04 21:05:　Reply

不是荤的不开心...
Yacca said in 2008.08.04 21:06:　Reply

-.- 昏厥掉...那样更复杂啊. 现在只需要把有异议的语句hack下即可,全部定义一遍 css文件又要大很多...
Dickey said in 2008.08.05 7:04:　Reply

继续来找茬，再提个问题：IE6 ，不显示导航栏的下拉菜单！
抱歉，其实以前就发现了，只是一次讲多个问题似乎不太好。
Yacca said in 2008.08.05 9:21:　Reply

这个问题,我依然无法解决...等zeus出解决方案了哈哈