网页侧导航栏的位置

王志勇 发表于 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
很感谢,这个比较实用

发表评论:
名字: (*必填)
博客: (可省)

正文:

  记住信息?

王志勇:1980-09-26 (44周岁)
程序设计,前端设计。

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

与此相关的链接
自由勇专栏

Blog存档 Archives

2022年07月
2022年06月(15)
2022年05月(20)
2022年04月(16)
2022年03月(9)
2022年02月(9)
2022年01月(10)
2021年 +

2020年 +
2019年 +
2018年 +
2016年-2017年(9)
2014年06月-09月(10)
2013年 +
2012年 +
2011年 +
2010年 +
2009年 +
2008年 +
2007年 +
2006年 +
2005年09月(4)

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