DIVを介した3列レイアウト（ミドルフレキシブル、すべてフレキシブルな高さ、STRICTモード）

StackOverflow https://stackoverflow.com/questions/1000691

  •  05-07-2019
  •  | 
  •  

質問

皆さん、私はこれに少し苦労しましたが、解決策を見つけられないようです。これが不可能であると言うアドバイスや簡単な説明が必要です（これまでのところ、不可能だと思います）。 問題は： 3列の可変幅レイアウト、左固定幅、右同様、中間が必要-ボディなどが提供するすべてのスペースを使用します。 トリックは、右または左の列が中央よりも高くなる可能性があり、フッターと重ならないようにする必要があるということです。また、docmodeはStrictです。 Tableが問題を一瞬で解決することは知っていますが、Divソリューションはありますか？

役に立ちましたか？

解決

これはあなたが探しているものだと思います：

http://matthewjamestaylor.com/blog/perfect-3-column.htm またはピクセル幅： http://matthewjamestaylor.com/blog/ultimate-3- column-holy-grail-pixels.htm

XHTMLは厳格で、現在のすべてのブラウザをサポートしています。

他のヒント

YUI Grid CSS はおそらくあなたが望むものです。私は関連するCSSマジックに精通していませんが、複数の異なるレイアウトをサポートしています。固定された左右の列をサポートしていないようです。

テーブルのチャレンジは、私に強気に赤い旗を振るようなものではありません：

http://edeverett.co.uk/experiments/noTables2.html

IE7、FF3、Chrome 2でテスト済み

これでほとんどの方法が得られます。主な考えは、メイン列の幅を100％に設定して、2つのサイド列に負のマージンを使用することです。ページ幅の下限を設定すると有益です。

（サンプルのhtmlを編集して、コンテンツを中央セクションに含める方法を示しました）

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top