网页侧导航栏的位置

王志勇 发表于 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地址)
验证码: p48u58r68e78 (*必填)

正文:

  记住信息?

直接发送Trackback到此文章

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

文章分类 Category:
真相与UFO Truth and UFO
编程 Program
PHP
Blog的发展 Development
为什么写博客 W-do we Blog
互联网 Internet
BBS社区研究 Community
QQ研究 QQ Research

置顶的文章:
程序开发的门槛儿
为什么不能夸孩子调皮?
我的3种博客写作方法
最大的公益事业是UFO
再谈四维空间
开发文档和程序注释
Arsue Blog程序的扩展
独立微博开发之设想

近期的主题:
2017.7第2篇
auiou.com今天换上了KVM
CentOS, Debian, Ubuntu三种VPS系统的LAMP属性小结
Debian 6.0和Ubuntu 14.04新装机的参数记录
Linux VPS的速度优化
Nginx与.htaccess
CentOS 6新装机的参数记录
auiou.com的VPS的内存占用测试
2016年8月第一帖
不喜欢锻炼身体的朋友
看《第五空间》
看《爱情公寓》的一点感想
生命的意义在于每一天都是人生的开始
安卓机顶盒收到小记
人生中最可怕的事情是拖延
不能贪吃/不能贪喝/不能贪凉
“世面”和人生意义
计划推出一个重要的“网络存档”(网络记事本)快速小程序
最近几个月博客更新减缓的原因
汽车越来越多
编写完成了清爽的贴吧浏览程序/贴吧占用内存测试
猫/无线路由器/瑞银无线网卡 最简单有效的散热方法
最近录制的歌
家用无线路由器选购的一些建议
网络电视机顶盒选购的一些建议
无线路由器当作无线交换机实例
2013-08-08:人生的意义&谨言慎行
怎样对治重症的拖沓的毛病?
磊科NW336无线网卡使用感受
腾达311R无线路由器频繁掉线解决一例(其它品牌和型号可能也适用)
网络电视杰科T1使用感受(杰科T1/T2/T3怎么样?)
人为什么会无聊?无聊的时候该做什么?
2013-07-14:看不见的全息摄像机
想法:2013-07-12
有趣的植物3:景天科多肉植物
有趣的植物2:米邦塔食用仙人掌
最有趣的植物
想法:2013-06-30
好好地修心
中国现代和未来的黑人问题/广州黑人
KVM主机竟然死机
想法:2013-06-13
行人的过错
为什么不能夸孩子调皮?/怎样教出一个好孩子?
打招呼的一瞬间
欢迎哥们儿们加我的QQ
好心一定会有好报
拜金女的下场都是不好的
最近很忙,写作的思路断了
狂做好事,消除烦恼
最大的公益事业是UFO/怎样做UFO研究?
  

王志勇:程序设计者。
1980-09-26 (38周岁)

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

与此相关的链接
自由勇专栏 | Arsue官方Blog
Gratitude | Time | Auciou
matnue | aucist | Taimt | Caimt | ac315 | Arsue | IC Search | TDNote 帖笛 | HKANS | aroat | Vaimt Panel | txfor | 网树 | cdfor | aufirm | Emxel | ixnes | AnyDiary | Tuarm | Tovate | Urtal | coumit | cersta | tratom | 性格追踪仪54.196.42.8 2018-08-17_22:41

Blog存档 Archives

2013年08月(9)
2013年07月(6)
2013年06月(7)
2013年05月(22)
2013年04月(17)
2013年03月(20)
2013年02月(21)
2013年01月(6)
2012年12月(3)
2012年08月(8)
2012年07月(4)
2012年06月(4)
2012年05月(6)
2012年04月(13)
2012年03月(11)
2012年01月(7)
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-2018 auiou.com All rights reserved.
此Blog程序由王志勇编写 已经发布在Arsue