|
主题:★★★详解★★ div输出日期居右★★ 解决方法 ★★ by地方网络工作室 [收藏主题] | 转到: |
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> <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) 顶端 底部 |
<上一主题 | 下一主题 > |