どのレイアウト技術を使用しますか：HTMLテーブル、CSSテーブル、絶対配置、浮動小数点またはそれらの混合？

Question

しかし、私は多くが特定のWebサイトに依存する可能性があることを知っていますが、主流は何ですか？ =）また、IE6と7が使用されているときにCSSテーブルベースのレイアウトを実装するとどう思いますか？

Answer 1

私は個人的にそれらのすべての混合物を使用します。グリッドのようなデータの場合、私はテーブルを好む。高度なレイヤー作成のために、私は絶対配置を使用します。

Answer 2

一般的なレベルで浮動するCSS、表形式データの表、必要に応じて絶対配置を使用します。

Answer 3

状況に依存します。

私はあなたが必要なものを知っておく必要があることを入れたいです。

Divベースのレイアウトは、テーブルベースよりも高速にレンダリングされます。ブラウズでのページレンダリング時間に影響する可能性のあるものがいくつかあります。外部CSSのみのようなものがあります。

Answer 4

浮動小数点と絶対配置の組み合わせ。

私はテーブルを使用していません。代わりに何もないので、テーブルを使用しなければならなかったときに私は疲れました。

Answer 5

ウェブサイトのレイアウトについては、私はCSSレイアウト技術を組み合わせて使用​​しています。私が固定幅のサイトを構築するか、または幅の広いサイトを構築するかによって、CSSのテクニックは多少異なります。

しかし、電子メールマーケティング用のレイアウトを作成する場合は、テーブルレイアウトだけで作業します。 Outlook 2010ではまだWord HTML Rendererをサポートしていますが、いつでもすぐに電子メール用のCSSレイアウトを使用するとは思われません。私は、次の2つの本を読んで推薦

<!--[if lt IE 8] 
//different style sheet goes here. 
--> 

：

は、CSSのテーブルレイアウトについては、次のようにIE 6と7の何かのために別々のCSSスタイルシートを提供するために、条件付きコメントを使用することができます

1. 防弾Webデザイン、ダン・セダーホルムは
2. CSSについてあなたが知っているすべては間違っている、レイチェルアンドリュー&ケビン・ヤンク

最初の本は、固定デザインと流体デザインの両方のCSSレイアウトテクニックを示していますが、2つ目はCSSテーブルレイアウトに関する情報を提供します（CSSテーブルレイアウトをサポートしていないブラウザを扱う方法も含まれます）。

希望すると便利です。

Answer 6

テーブルは、レイアウトを作成する意味的に適切ではありません。物事を行う "正しい"方法は、あなたが特に言ったことではありません。 divを追加するなどのタイトルのヘッダータグ、セクションのためのdivタグ、ナビゲーション/リストのリスト、

あなたはこれを設定したら、スタイルCSSの要素、：

あなたは意味的に適切なタグを使用する必要があります

、スパン、ids、およびクラスを適切に設定します。浮動小数点、絶対配置などは、適切に使用する必要があります。