我喜欢3栏布局的网页设计，但是3栏布局相对来说就比较复杂，有些难以控制，尽管时下正火的Web2.0似乎很少采用3栏布局。但没关系，我们是非非非主流。
首先，任何一个布局通常都有headers, navigation bars, content containers,
sidebars以及
footers。我们在设计三栏主题的时候，最重要的目的就是发挥其最大的灵活性和自适应高度，这样才会看上去更加美观。下面9个三栏CSS布局将从多个
方面来实现最好的布局方法，并都兼容IE和FF。
两个固定栏和一个可变栏
一个精致的3栏布局技巧示例
1. #leftcontent {
position: absolute;
left:10px;
top:50px;
width:200px;
}
2. #centercontent {
margin-left: 199px;
margin-right:199px;
margin-left: 201px;
margin-right:201px;
}
HTML>body #centercontent {
margin-left: 201px;
margin-right:201px;
}
3. #rightcontent {
position: absolute;
right:10px;
top:50px;
width:200px;
}
使用100%高度
1. #left { float: left; width: 155px; padding: 5px; position: relative; /*** IE needs this ***/ }
2. #right { float: right; width: 110px; padding: 5px; position:
relative; /*** IE needs this ***/ margin-right: -120px; /** This
negative margin-right value is the same as the right column width
(width + padding). ***/ position: relative; /*** IE needs this ***/ }
3. #content { float: right; margin-right: -165px; /*** Same l
屏蔽IE浏览器（也就是IE下不显示）*:lang(zh) select {font:12px !important;} /*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF所识别*/
select:empty {font:12px !important;} /*safari可见*/
这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。仅IE7与IE5.0可以识别*+html ......
<html>
<body>
<table class="t FCK__ShowTableBorders" cellspacing="0" cellpadding="8" width="600" border="0">
<tbody>
<tr>
&n ......
