2つのセクション、2つのセクションと1つのフッターを含むヘッダをテーブルを使用せずに作成するにはどうすればよいですか？

テーブルを使用してこのようなレイアウトを作成しましたが、CSSとdivタグのみを使用してこれを行うにはどうすればよいでしょうか？私は過去1時間ウェブを検索しようとしていて、どこにもいない。誰かが私を正しい方向に向けることができますか？どのように私はこれをコーディングし始めるでしょうか？2つのセクション、2つのセクションと1つのフッターを含むヘッダをテーブルを使用せずに作成するにはどうすればよいですか？

私が達成しようとしていることの少しの例を描きました。

出典

2017-02-07 Josh Burkman

CSS layoutについて少し紹介します。これはそれほど難しいことではありませんが、人々は数年前にレイアウト用のテーブルを使用しなくなりました。

出典

2017-02-07 02:08:35 TricksfortheWeb

テーブルを入れ子にし、そのサイズなどをCSSで定義することで、簡単にこれを行うことができます。言っ

は、忘れないでください：それはクラス割り当てのためでない限り

Note: Tables should not be used for page layout! Historically, some Web authors have misused tables in HTML as a way to control their page layout. However, there are a variety of alternatives to using HTML tables for layout, primarily using CSS.

言い換えれば、これは本当に悪い習慣でしょう。

出典

2017-02-07 02:16:20 Michael

私はすでにテーブルを使っていますが、テーブルを持たないCSSだけを使ってテーブルを作成する方法を理解しようとしています。 –

@JoshBurkmanああ、そうです。あなたはテーブル/カラムをまったく使用したくないでしょう（質問にカラムを使用したいのはあなたが答えを得た理由です）。ヘッダー、セクション、およびフッターのHTMLタグを確認してください。それらはあなたが使いたいと思う容器です。あなたはあなたが望むレイアウトを達成するためにそれらのCSSフォーマットを適用することができます。 – Michael

div要素を使用できます。 CSSを使用して幅を追加し、目的のレイアウトを実現します。

出典

2017-02-07 04:29:53 Mei

2つのセクション、2つのセクションと1つのフッターを含むヘッダをテーブルを使用せずに作成するにはどうすればよいですか？

答えて

関連する問題