• 卡农-四声部人声自拍 订阅本博客

    如何订阅博客?
  • Blog首页关于和平海底Blog存档联系自由勇网站地图友情链接

  • 网页侧导航栏的位置

    王志勇 发表于 2009年03月27日 09:01

    如果网页使用了DIV+CSS结构,正文放在左边,侧导航栏放在右边,是更为理想的布局。因为在用户端浏览网页的时候,程序和HTML代码,都是从上到下加载。相应的DIV+CSS结构,也是从左到右读取。左边的内容,优先读取。

    如果侧导航栏的内容不是很多,或者不考虑优先加载正文的因素,侧导航栏放在左右均可。

    17条评论:
    1   唏嘘一世 2009-03-27 10:55
    我的侧边栏是放在左边的,在HTML代码里是先读取正文,然后再读取侧边栏。
    不过有个不好之处,宽度都是按照百分比来设定的,屏幕宽度在1024以上时,侧边栏会变的很宽,一直没找到好的解决办法。
    2   朱仔明 2009-03-27 12:24
    技术就不懂,只看到现在的,右边的友情链接跟文章的字是否太近了一点呢?!
    3   自由勇 2009-03-27 12:48
    最右边和中间的文章区域的距离和以前一样,没有变,20像素。
    4   朱仔明 2009-03-27 12:57
    图一,是通过IE浏览查看,如图:http://www.yupoo.com/photos/view?id=ff8080812045e8e00120464781c30b7d

    图二,是通过firefox查看,如图:http://www.yupoo.com/photos/view?id=ff8080812045e8a6012046479f190b8d

    因为现在一般都是通过firefox浏览器来查看网页内容的,所以才有这样的疑问。

    5   自由勇 2009-03-27 13:00
    哦,Firefox下的这个问题还没有解决。谢谢!
    6   唏嘘一世 2009-03-27 17:11
    王兄,看了一下你调整过的布局,有些标签使用的不合理。
    像<ul>,是用于无序列表的;在一个网页中,ID属性的名称的唯一的,不可以出现一次以上。
    我觉的如果已经计划改变布局的话,应当遵循W3C标准。
    7   朱仔明 2009-03-27 18:07
    明天全世界将开展“地球一小时”活动
    响应"地球一小时"倡议,让我们3月28日晚8:30-9:30和地球上另外的10亿人熄灯一小时.
    明天全世界将开展“地球一小时”活动。“地球一小时”起初是一项号召悉尼居民关灯的活动,逐渐发展壮大成为全球最大的应对气候变化行动之一。2009年的“地球一小时”是一项全球性的行动,届时,全球各地从欧洲到美洲的地标性建筑都将伫立于黑暗之中。而世界各国人民将通过关灯这一方式,携手为创造地球更美好的明天而努力。
    “地球一小时”象征着希望,也代表着行动。每个人都能让一切从此改变,用全球性的努力一起来应对气候变暖。
    让我们相约在2009年3月28日晚上8:30-9:30为地球的未来熄灯一小时。 这个活动只是一个开始,相信有了我们的参加,生活将会变得更加美好精彩。

    大家齐来参加活动啊!^_^
    勇,你的Blog多人气,就上传在这里给大家看看了。

    8   朱仔明 2009-03-27 18:18
    勇,现在用Firefox查看,没有了今天上午那一个情况啦!
    9   自由勇 2009-03-28 14:14
    谢谢建议。在CSS中,多次引用同一个id,我大约使用了8年的时间。IE6和Firefox下正常。
    在JavaScript中,相对应的CSS的id需要唯一。
    10   Goberl 2009-03-28 18:20
    先显示内容确实给人感觉要好很多的,其实浏览器从下载完数据到加载完数据的时间还是听不少的,特别是单页内容很多的时候,如果先显示导航栏,加上网页下载时间,浏览者会感觉要慢很多;如果网页JS运用更多更会加剧这种现象。Gmail运用的JS很多,还专门做了一个Loading页面改善用户体验。
    IE与FF之间的差异有些恼火,IE7与IE6--的差异更恼火。。。。。
    11   唏嘘一世 2009-03-28 21:40
    @Goberl,遵循W3C标准,主流浏览器效果都差不多了。
    12   ruialessioRui 2009-03-29 06:46
    努力遵循W3C~

    P.S. 纠正语病一处:“都是从向到下加载。”
    应该是从“上”到下吧? :P

    13   自由勇 2009-03-29 08:08
    已更正,thanks。:)
    14   Goberl 2009-03-29 10:20
    http://www.auiou.com/category/philosophy/
    请教一下勇哥,这个链接是怎么实现的?
    1.绝对路径?如果分类philosophy名称被改变,复制文件夹下面的文件到新文件夹下面
    2.URL重写?一般的URL重写(不配置IIS的情况)都需要一个后缀名的
    一直想实现这种方式的链接,不知道怎么下手
    15   自由勇 2009-03-29 13:31
    是用include的方法,实际的路径是http://www.auiou.com/category/philosophy/index.jsp。
    index.jsp文件写入include的语句,调用那个公共程序文件。
    然后公共程序文件里写入读取地址栏的语句,再用几个语句截取出philosophy这个值。
    16   Goberl 2009-03-30 21:15
    很经典,谢谢授教啊!
    17   仁心 2009-04-07 15:44
    很感谢,这个比较实用

    发表评论:
    名字: (*必填)
    博客: (可省,仅限于Blog地址)
    验证码: s48p58a68c78e88c98r108a118f128t138 (*必填)

    正文:

      记住信息? 是 否

    直接发送Trackback到此文章

    说明:本评论系统不支持HTML代码。(您的留言需要审核,审核规则请见这里。)

     (点击申请)

    文章分类 Category:
    Blog的发展 Development
    为什么写博客 W-do we Blog
    互联网 Internet
    社会 Society
    教育 Education
    BBS社区研究 Community
    编程 Program
    友人 Younet
    QQ研究 QQ Research
    公告 Announcement

    最新的评论 Comments:
    » 毁谤别人的匿名者
    » 一家门户网站的博客管理
    » Entropay(欧贝
    » 又一位不可思议的扮音天
    » Google搜索结果在
    » 声卡无声硬件排除一例
    » 如何关闭ixwebho
    » 今天值得纪念的数字

    近期的主题:
    2012-01-26:多了解一些信息没有坏处
    日益低效的快递
    关于香港地铁吃东西事件的翻译
    2012-01-15:怜悯和爱
    惨不忍睹的网站空间(人为造成)
    QQ空间不能发表日志/说说/微博解决一例
    新年的钟声敲响了
    惠州之印象
    2011-10-20:最近4个不好的用户体验
    女童遭辗压无人帮助视频之感想
    网络才是真实的,现实一切都是幻象
    本博客的程序有发布的计划
    真正的神曲和一些圣乐分享和回顾
    Go Daddy的97.74 IP段又被大规模killed
    时间过得很快
    国外的域名查询也不安全
    祝我31周岁生日快乐
    有关国内近两年史无前例的清晰的UFO
    Android(安卓)平板电脑的使用体验
    2011-08-24:经验 & 近期动态
    2011-08-03 养花
    2011-06-18
    2011-06-02:同龄人年轻程度却相差10岁
    2011-05-28:随谈(浅谈)中英文输入速度
    Go Daddy空间切换系统更换IP时现在需要慎选4GH主机
    2011-05-18:随谈现实与理想(8)
    随谈:2011-05-18 贴吧与新闻评论的管理
    随谈:2011-05-13 心情很沉重很沉重
    随谈:2011-05-08 有良知的人会提升
    博客不应大量转载
    随谈:2011-04-28 通过网络调查真相当中的一个途径之一
    有关UFO与2012的谦卑交流与解答(1)
    cPanel的主机网页长时间500错误解决一例

    王志勇(自由勇):程序设计。
    公历1980-09-26 天秤座 32岁
    联系我:信息反馈、留言板。

    版权声明:本博客所有文章,均符合原创和创作共用的定义,禁止转载,违者将必究;正确的方法是贴原文的标题和网址即可。

    与此相关的链接
    和平海底2 | Auciou | 自由勇专栏
    公益:UFO与真相研究交流区
    Gratitude | Time

    Blog存档 Archives

    2012年01月(N)
    2011年10月(8)
    2011年09月(4)
    2011年08月(2)
    2011年06月(2)
    2011年05月(6)
    2011年04月(10)
    2011年03月(16)
    2011年02月(16)
    2011年01月(15)
    2010年12月(12)
    2010年11月(9)
    2010年10月(3)
    2010年05月(4)
    2010年01月(7)
    2009年12月(10)
    2009年11月(4)
    2009年10月(8)
    2009年09月(24)
    2009年08月(20)
    2009年07月(6)
    2009年06月(11)
    2009年05月(16)
    2009年04月(20)
    2009年03月(29)
    2009年02月(18)
    2009年01月(15)
    2008年12月(17)
    2008年11月(10)
    2008年10月(13)
    2008年09月(8)
    2008年08月(4)
    2008年07月(5)
    2008年06月(9)
    2008年05月(12)
    2008年04月(15)
    2008年03月(26)
    2008年02月(22)
    2008年01月(29)
    2007年12月(30)
    2007年11月(28)
    2007年10月(30)
    2007年09月(8)
    2007年08月(8)
    2007年07月(21)
    2007年06月(23)
    2007年05月(31)
    2007年04月(34)
    2007年03月(29)
    2007年02月(18)
    2007年01月(41)
    2006年12月(23)
    2006年11月(10)
    2006年10月(10)
    2006年09月(29)
    2006年08月(33)
    2006年07月(17)
    2006年06月(30)
    2006年05月(4)
    2006年01月(3)
    2005年09月(4)


  • Copyright © 2006-2012 auiou.com All rights reserved.
    此Blog程序由王志勇编写