子叶:子乌的叶子-->子乌的日记本，子乌的随想

如果你能成功地选择劳动，并把自己的全部精神灌注到它里面去，那麽幸福本身就会找到你。 —— 乌申斯基

日记列表

2006年07月12日 05:53 星期三

三行两列布局能否最小高度为100%？

以前发在缔吧论坛的帖子，没最终解决，先抄过来吧：

现在这个网站的基本布局如下：

Language：html4strict, parsed in: 0.025 seconds, using GeSHi 1.0.7.12
<div id="header">...</div>
<div id="container">
  <div id="mainbg">
    <div id="left">...</div>
    <div id="right">...</div>
  </div>
</div>
<div id="footer">...</div>
 

我现在希望当中间的left和right内容不是很多的时候，他们的高度＝浏览器高度－header的高度－footer的高度，也就是使得整个页面最小高度也是能够撑满的，用js是能够做到，但我不希望通过js实现。。。似乎css能够做到，不知道使用min-height是否，于是在缔吧发帖询问。

forestgan提出了一个很有意思的写法，前提是头尾都是使用百分比的：

Language：html4strict, parsed in: 0.040 seconds, using GeSHi 1.0.7.12
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
        
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
        <title></title>
        <style type="text/css">
        body,html{height: 100%;padding: 0;margin: 0;}
        #header,#footer{height: 10%;background: #EBF7F9;}
        
        #container{min-height: 80%;background: #FDF5E6; }
        /*\*/
        * html #container{
                height: 80%;
        }
        /**/
        </style>
</head>
 
<body>
<div id="header">...</div>
<div id="container">
  <div id="mainbg">
    <div id="left">...</div>
    <div id="right">...Cellular Technologies 
Cell line development 
Engineered cell-based assays 
Cell based assays are an essential tool in understanding biological pathways especially when linked to high throughput readouts. Native cell lines or cells engineered to express foreign reporter genes can be used to read out a biological target or pathway or to confirm the activity and mechanism of action of drug candidates. Dragonfly has extensive experience in establishing known cell-based assays or developing new ones.
 
Examples of engineered cells and assays which Dragonfly has experience in include:
 
Heterologous or chimeric receptor growth factor assays. Growth factor dependent cells can convenient cellular bioassays for growth factors or cytokines. Dragonfly has engineered heterologous human or rodent receptors into factor dependent cells as stable transformants to provide a readouts for ligand induced receptor activation or to assay small molecule or antibody antagonists. We have also engineered chimeric receptors with novel extracellular domains linked to a signaling intracellular domain to derive ligand dependent cell lines. 
Engineered reporter cell assays. Reporter genes may be used to monitor promoter activity, the expression of tagged proteins, or to read out a biological pathway. Dragonfly has experience with multiple cell types engineered to express a variety of epitope tagged proteins or reporter proteins adapted to high throughput, 96 well assays. Examples of epitope tags or reporters we have worked with include: FLAG, His6, myc, GFP and lac Z. 
</div>
  </div>
</div>
<div id="footer">...</div>
</body>
</html>
 