1

新しいプロジェクトを開始しており、幅100% (高さ 100% はおまけです:))、3 列、ビジネスRIA用の純粋な CSS レイアウトが必要です。

YAML、YUI、Blueprint、その他いくつかを調べましたが、すべての主要なブラウザーとの 100% の互換性を提供または保証するものはないようです。

あなたの経験から、この目的に最適なのはどれですか?

前もって感謝します。

4

2 に答える 2

1

間違いなくあなたはすでにこれを見たことがあるでしょうが、彼の A List Apart Web サイトで、Matthew Levineは 3 列レイアウトの聖杯を提供するだけでなく、それがどのように機能するかを詳細に説明しています。

于 2010-10-11T20:35:30.627 に答える
0

このようなものは、ほとんどのブラウザ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-11T22:03:36.047 に答える