- ベストアンサー
ＣＳＳで質問です。
ブログのスタイルシートを見たりしてそれなりにＣＳＳの書き方は理解できてきました。 うまく表現できないのですが ┌────Ａ────┐ │┌Ｂ┐┌Ｃ┐┌Ｄ┐│ │└─┘└─┘└─┘│ │┌───Ｅ───┐│ │└───────┘│ │┌Ｆ┐┌Ｇ┐┌Ｈ┐│ │└─┘└─┘└─┘│ └─────────┘ テーブルを使わないで上の図のようなレイアウトを実現したいのです。 Ａで幅を８００ｐｘにして Ｂ，Ｃ，Ｄをそれぞれ２００，４００，２００に指定しました。 でＥを８００にしたいのですが，うまくＢＣＤのしたに来てくれません。 どのようにすればよいのでしょうか？ やり方，または参考になるサイト等を教えてください。
- kumaya77
- お礼率35% (39/111)
- ホームページ作成ソフト
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- acacia7
- ベストアンサー率26% (381/1447)
BCDFGHの様に前後で改行したくない場合は素直に<span>タグを使う。 <div>はブロック要素 <span>はインライン要素。 基本的にブロック要素は前後に改行が入る。
補足
すみません。ブロック要素とインライン要素の違いを教えていただければ更にありがたいのですが。何とかお願いします。
- akamanbo
- ベストアンサー率17% (462/2680)
理解できてきたというのであれば、せめて今どんなタグでどんなスタイルをあてているのかくらいは説明できるかと思いますが、いかがでしょうか。
補足
失礼しました。 すべて<div>にスタイルを設定します。 Ａ は ページ全体の幅を定めたいためwidthを800pxにしています。あと指定しているのは背景色だけです。それを idで指定しています。 ＢＣＤはclassで設定したいのです。 ＢＤはwidthを200pxにしてＣは400pxにしています。 それぞれにfloatをleftにしています。実はこのフロートがよくわからないのです。 そしてＥはwidthを800にしています。 文章力がなくてうまく伝わっているかどうか不安です。 よろしくお願いします。
お礼
ありがとうございました。私が求めているものにかなり近いです。これを参考にしてさらに研究してみます。