- ベストアンサー
[スタイルシート] マージンとその他の部分を違う色にしたい
- テーブルを使わずにスタイルシートでマージンとその他の部分を違う色にする方法について質問します。
- テーブルを使用していたが、スタイルシートを使うことになりました。しかし、テーブルのようにマージンとその他の部分を違う色にする方法がわかりません。
- スタイルシートを外部ファイルで読み込んでいます。マージンとその他の部分を違う色にする方法を教えてください。
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (4)
- taba
- ベストアンサー率61% (349/567)
＞<div>タグを二重・三重と入れ子にしていくと、具体的にどういう問題が出るのでしょうか。 問題というか、デザインのためにボックスタグを二重にする行為が、既にデザインのためにテーブルを使わないというコンセプトと矛盾するということですね。 ただ、例えばブログなどの場合、1回分の記事をDIVタグで囲い、その中に見出しのhタグ（通常タイトル）、本文のDIV、日付等のDIVなどと、構造自体が二重になっているケースもあります。そういうときはそれをうまくいかして、デザインすれば良いかと。 私はそう思っています。
お礼
ありがとうございます。 確かに矛盾するというのもその通りですね。 <div>の二重化でデザインしてみようと思います。
- UKY
- ベストアンサー率50% (604/1207)
> マージンとそれ以外の部分色を変える 「マージン」とはどことどこの間のマージンなのか、「それ以外」の「それ」とは何なのかやっぱりよく分かりませんが、それでも > ページ自体の背景色と(コンテンツを入れている)テーブルの背景色を違う色に というのは「ページ全体を大きな枠の中に入れたい」というのと同じだとしか思えません。 body 要素に適当な幅の border を設定した上で border より外側にある余白を全部無くせばいいんじゃないんですか
お礼
ありがとうございます。
- UKY
- ベストアンサー率50% (604/1207)
「テーブルの場合は2つの背景色が使えた」というのがよく分かりませんが、単純に内容を枠で囲みたいというのであれば border プロパティで一発です。
補足
枠の表示ではなく、マージンとそれ以外の部分色を変えることが目的です。 今まではページ自体の背景色と(コンテンツを入れている)テーブルの背景色を 違う色にしていたのですが、それをスタイルシートで実現できないかと思いまして。 No.2の方が書かれたように無理みたいですね…。
- steel_gray
- ベストアンサー率66% (1052/1578)
単にテーブルをdivに置き換えるだけならば body{background-color:color1}/*body bgcolor="color1"*/ div{background-color:color2}/*tr bgcolor="color2"*/ に、すればいいような気がするのですが…どのあたりが問題なのかちょっとわからないです。
補足
書き方が悪かったようですみません。 <div>で全体を囲む以外に もっといい方法があるのでは？と思ったのです。 ご指摘のような方法は一般的なのでしょうか。 なんとなく全体を囲む事に違和感を感じてしまうのですが…。
お礼
ありがとうございます。 今までのレイアウトをあまり変えずに導入したいので、 やっぱり二重化するしかないようですね。 <div>タグを二重・三重と入れ子にしていくと、具体的にどういう問題が出るのでしょうか。 デメリットを知った上でとりあえずは<div>でやってみようかと思います。