Group items tagged

div#wrapper, div#header, div#footer照常写，我很少用绝对定位。header下面开始写一个div#col-container，包含了其中的div#side-content和div#main-content，为了使中栏先显示，要先写div#main-content，再跟上div#side-content。针对main-content的CSS就加一条float: right;，side-content的CSS就是float: left;。 完成col-c >ontainer后，在跟上右边的那一栏div#nav。col-container是float: left;，nav是float: right;。

内容是结构的基础，而非相反

互联网的基础是网页和超链接，超链接形成了页面流。这页面流也是结构的一部分，是交互设计的重点：对请求（Request）和响应（Respond）的处理。这边谈到的结构是不可能由内容体现出来的，为了方便我称之为外结构（交互结构）

对于一个左中右3栏布局的页面，比如home.donews.com，用户最想看到的是中栏的信息

浏览器显示页面是一行一行的按顺序执行代码，也就是说写在前面的先执行显示，而对于左中右3栏布局的设计，代码要么是从左-->中-->右来书写，要么就是到过来从右-->中-->左来书写，要做到KESO说的效果，那首先要书写的是中栏的代码

<script language="javascript">var l=document.getElementById("left").scrollHeightvar m=document.getElementById("middle").scrollHeightvar r=document.getElementById("right").scrollHeightlayoutHeight=Math.max(l,m,r)document.getElementById("left").style.height=layoutHeight+"px"document.getElementById("right").style.height=layoutHeight+"px"document.getElementById("middle").style.height=layoutHeight+"px"</script>