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

Leave a Comment»

i-love-wordpress

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


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

  经Lucifrslim两位友人的提醒,我在原有的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同学可以过来坐享其成了...

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

本日志现有 49 条精彩评论 | Leave a Comment»
  1. ddkk3000 said in 2008.08.04 18:51: Reply

    好吃吗,芽茶。

  2. ddkk3000 said in 2008.08.04 18:51: Reply

    没事搬你侧边栏干嘛。

  3. ddkk3000 said in 2008.08.04 18:53: Reply

    不行,忍不住最后垃圾评论一条。

  4. Yacca said in 2008.08.04 21:05: Reply

    小墨这不是不想自己动么 呵呵,可以把我的sidebar拿走

  5. Yacca said in 2008.08.04 21:05: Reply

    不是荤的 不开心...

  6. Yacca said in 2008.08.04 21:06: Reply

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

  7. Dickey said in 2008.08.05 7:04: Reply

    继续来找茬,再提个问题:IE6 ,不显示导航栏的下拉菜单!
    抱歉,其实以前就发现了,只是一次讲多个问题似乎不太好。

  8. Yacca said in 2008.08.05 9:21: Reply

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


评论是一种美德,请您务必身体力行! | Back To Top»

Copyright© 2007-2009 Since 2007.12.24 | Skin by BlogOhBlog, Modify by Yacca | Hosting by WopusIDC | Stats