哪個是最好的3列100％寬度純CSS佈局框架？

我們開始新的項目，我們需要100％的寬度（100％的高度是獎金:)），3列，純CSS佈局商業 RIA。哪個是最好的3列100％寬度純CSS佈局框架？

我們檢查了YAML，YUI，Blueprint和其他幾個人，但似乎沒有人提供或保證100％與所有主流瀏覽器兼容。

從您的經驗中，哪一個最適合此目的？

在此先感謝。

來源

2010-10-11 zarko.susnjar

毫無疑問，你已經看到了這個已經，但在他的列表除了網站，馬修·萊文不僅提供the Holy Grail of 3-column layouts，但解釋它是如何工作的，在每一個細節。

來源

2010-10-11 20:35:30

呀，我讀了一段時間的所有ALA帖子。唉，這是我寫的，當我還年輕，綠色，思考如何在Photoshop中製作桌子和閃亮的按鈕是真棒:)因爲我通常花更多時間編碼，我想也許所有這些奇特的CSS框架是重要的，應該使用。 .. – 2010-10-11 20:55:46

像這樣的東西應該在大多數瀏覽器IIRC工作。但是，如果您需要頁眉/頁腳，則需要某種JavaScript，除非使用虛擬列。對於RIA我認爲這是可以接受的。

就我個人而言，我從不使用CSS框架。

下面的例子也應該工作在IE6：

<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.2.0/build/cssreset/reset-min.css" /> 
     <style type="text/css"> 
     html, body { height:100%; } 

     .left { 
      width:200px; 
      display:inline; 
      float:left; 
      background:blue; 
      height:100%; 
     }  

     .right { 
      width:200px; 
      display:inline; 
      float:right; 
      background:red; 
      height:100%; 
     } 

     .center { 
      margin:0 200px; 
      height:100%; 
     } 
    </style> 
    </head> 
    <body> 
     <div class="right">test</div> 
     <div class="left">test</div> 
     <div class="center">test</div> 
    </body> 
</html>

來源

2010-10-11 22:03:36 Mig

哪個是最好的3列100％寬度純CSS佈局框架？

回答

相關問題