账号通
    

账号  

密码  

151490

查看

168

回复
主题:★★★详解★★ div输出日期居右★★ 解决方法 ★★ by地方网络工作室 [收藏主题] 转到:  
孤风大虾 当前离线

1700

主题

7

广播

118

粉丝
添加关注
级别:高一年

用户积分:10218 分
登录次数:451 次
注册时间:2006/3/28
最后登录:2022/3/10
孤风大虾 发表于:2008/8/24 11:09:00   | 显示全部帖子 查看该作者主题 楼主 
科汛在线网校系统

6.0以上的请查看http://bbs.kesion.com/dispbbs.asp?boardid=42&Id=109493教程,这是5.0的


 


=================================


 


最新完美解决日期居右问题,无需修改源码,兼容绝大多数主流浏览器:http://bbs.kesion.com/dispbbs.asp?boardid=42&Id=84164


 


 


 


 


这种方法适用于IE6 IE7 火狐浏览器,在IE8 谷歌浏览器下面会有不影响布局的错误。具体请亲自体验。


 


如果你认为简单的修改一下源码并不是一件很麻烦的事情,那么,还有一个完美的方法等待你的使用。


 


教程地址:http://bbs.kesion.com/dispbbs.asp?boardid=42&id=78665&star=1&page=1


 


这种新的需要修改源码的方法完美支持所有浏览器,如果你喜欢的话,可以试试哦!


 


=================================


 


 


首先申明,此方法在论坛有人发过,原帖地址:http://bbs.kesion.com/dispbbs.asp?boardid=41&id=53987


 


原文作者zhitaige写的较为笼统,可能部分新手还不能理解,因此本人重新整理方法,发给大家。


 


首先,我们以分页标签为例。分页标签的一行分三个部分,首先是一个点(可能部分人不用),其次是文章标题链接,接着是日期。


 


以默认来说,代码如下:为方便起见,我只假设只有一行。


 


 


<div id=list><ul>


 <li>·<a href="/news/3373826129.html" title="门窗框式散热器近日在北京出现">门窗框式散热器近日在北京出现</a>&nbsp;<span>[2008.08.22]</span></li></ul></div>


 


以下内容只有回复后才可以浏览,请先登录!


=============================================


 


在原文中,作者也同样是用了负值来控制的。不多对原作者span.a 这个值不是很理解。


 


首先,li中有a也有span 但他们是平级的,不能使用上下级的关系来标示。 又或者,作者给日期的样式定义为.a 也可能,但是我很不建议把样式定义为这样居右歧义的代码。a代表的是链接。


 


为什么把我失败到成功到简化的过程写出来呢?就是为了新手们可以从中看到,我们是怎么解决问题的,希望新手看到的不仅仅是一个问题的解决方法,而是解决问题的方法。


 


地方网络工作室www.hezewangzhan.com 专业制作各类网站,销售新网互联 92合租 免费啦 厦门翼讯科技 等多家公司虚拟主机 欢迎大家购买


 


================================================


 


PS:有位朋友回复说在火狐下效果乱掉了。我在这里回答你,这种效果在火狐下绝对不会乱,如果乱了,那是你的CSS编写有问题!这种方法在IE6 7 火狐  等等各种主流浏览器都是正确的。但在谷歌新推出的浏览器和 OPERA 中是存在偏差错误,但不会影响布局。错位方法为向上了margin-top的值,也就是说在谷歌浏览器和opera浏览器的***核心中对于右浮动元素是直接右浮动,而不必另起一行,因此针对谷歌浏览器也不必使用margin-top值。但是主流的IE 6 7 火狐不是这样解释,我们必须加上这个值。


 


另外,浮动元素对于谷歌浏览器以及opera是立体浮动的,也就是说是独立于上层div之外的,所以不会破坏上层div的布局,也就是说,这是绝对不会影响布局的。具体是怎么回事,你自己安装多个浏览器,浏览一下本工作室新的作品便是了。


 


 



 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.06641秒 powered by KesionCMS 9.0