建议调整页面左右栏的显示顺序 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
iiduce
V2EX    V2EX

建议调整页面左右栏的显示顺序

  •  
  •   iiduce 2010-09-01 15:08:09 +08:00 4606 次点击
    这是一个创建于 5524 天前的主题,其中的信息可能已经有所发展或是发生改变。
    使用div布局,一般先显示页面中的主要内容部分。

    v2ex先显示了右侧边栏部分。网络不好时还是比较明显的。
    3 条回复    1970-01-01 08:00:00 +08:00
    SolidZORO
        1
    SolidZORO  
       2010-11-10 15:53:54 +08:00
    这个问题,其实我有做过两种方案,项目是我自己的blog,流量很小,但是我依然在寻找更好的方式。按照原先的思想,是先main后side没错。 side上的东西是可有可无的,而且比较少,这样做的好处是,可以先把side的东西先加载完毕。接着加载main。 因为main是不定的,也许会超级长长长,长到读完之前你以为side消失了。

    后来呢,我慢慢发现,这样其实不好。第一,在网络不好的情况下,会延长自己读到main里信息的时间,这个实在太重要的。 第二则是在如果没有给手机写一套css或者没有做浏览器判别的话,那么每次打开页面都是先读side,小屏幕的话要按很多次下键才能看到主要内容。

    最后,按照我的经验,我是有改回来的,就是 main先 side后。 当然,如果side少得可怜的情况下,side放在前面读,也不错。

    不过v2ex的side有广告,在手机上,是一定能看到广告的。 这也许是事先想好的方案吧。
    SolidZORO
        2
    SolidZORO  
       2010-11-10 16:00:19 +08:00
    对了。我刚看了我的BLOG,居然没改XD,依旧side先,main后。

    但是我记得我是有改过。也许是被之前的css覆盖了还是什么。很久没打理blog的代码了,后头要调一次。
    iiduce
        3
    iiduce  
    OP
       2010-11-10 16:23:55 +08:00
    @SolidZORO
    嗯,我也确定main主要信息部分应当先显示。

    不过在我之前的项目中都是页面左窄又宽的情况下,通过css调整,在html中先写宽的部分以达到先显示的目的。

    V2EX正好反过来了,左宽右窄的情况下,通过css,先显示了侧边栏。 这样做应该是有意而为之吧。 不会真的因为广告吧,有点舍本求末了。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5211 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 20ms UTC 09:15 PVG 17:15 LAX 02:15 JFK 05:15
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86