用镜头记录,用心灵体验 | 订阅本站 | 所有笔记 | 亲和力设计 | 流量

DB2 学习笔记

博客话题:DB2,Linux,Web,业余无线电,户外,摄影,截拳道,Thankpad,其他

Web

Refine web page structure

I was using below page structure for this blog.  The stucture is very simple and clear. It works well on auto-width mode. The css is easy to design and also easy to deal with different browsers. No much effort on keeping identical for different browsers. However there's hard thing for it, the fixed width with center mode. I could not have the right style sheet making it work well with this structure.

Logo  
Main
Menu
Footer

Now I have below structure. It's my balance on flexible style and clear page structure. I don't like too much level div there, it would cost more client resource and make the page fat. When I play with this structure, I took more effort on having it work out with different browsers.

body class="index-container"
div id="container"
div id="header"
div id="navigation"
div id="crosssitenavigation"
div id="main"
div id="alpha"
beta
delta
gamma 

More about the refine work please see Refine and add new features to my web site.

 

Alex's picture

my email address in picture

搜索|Search

评论|Recent Comments

按月归档|By Month

2009
07
2008
11
10
07
05
04
03
02
01
2007
12
10
07
06
05
04
03
02
01
2006
12
11
10
09
08
07
06
05
04
03
02
01
2005
11
10
09
08
07
04
03
2004
12
11
10
09
08
07
06
05
04
03
02
01
2003
12
10
09
08
06
2002
09
08
04
03
02
2001
12
09
07
06
05

我读|My Books

我的链接|My Links

我的朋友|My Friends

Creative Commons License
This blog is licensed under a Creative Commons License.
Movable Type 4 Logo