• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:cssに関して)

CSSに関しての質問

このQ&Aのポイント
  • CSSに関する質問です。boxとcomment枠についての書き方について知りたいです。
  • 質問文章からの要約文です。CSSに関する質問で、boxとcomment枠の書き方について質問しています。
  • 質問文章の内容は、boxとcomment枠の書き方に関する質問です。具体的には、comment枠の上に10pxの空間を入れる書き方についての判断を求めています。

質問者が選んだベストアンサー

  • ベストアンサー
  • nori_007
  • ベストアンサー率35% (369/1048)
回答No.1

>本来はboxにpadding-top:10pxとすべきなんでしょうか。 >それとも上記のとおりで正解なんでしょうか。(commentにmargin-top:10px) 上記の件ですが、好みで良いと思います。 自分なら「commentにmargin-top:10px」とします。 理由として、#box の中に複数の、#comment1、#comment2 とする場合、「commentにmargin-top:10px」の方が個別に設定出来ます。 それから、Dreamweaver での見え方はあくまでも参考程度にし、最終確認はブラウザで行います。 また、IE6 のシェアはまだまだ多いと思います。IE6 でも互換モード動作させれば、何とか他のブラウザと互換を保てると思います。検討してみてください。 IE6 からが早く解放されたいと思います。現実は当面無視は出来ません。

beginner_w
質問者

お礼

なるほど子枠を例えばclassではなく#comment1、#comment2と別名でcss指定するということでしょうか。 >IE6 からが早く解放されたいと思います。現実は当面無視は出来ません。 確かにおっしゃるとおり無視したくてもできない問題がありますね。 わたしはIE6自体無くなって欲しいです。(無理ですが気持ち的に)

その他の回答 (3)

  • nori_007
  • ベストアンサー率35% (369/1048)
回答No.4

No1 です。 Gotthold 様 >> 回答No.1 >> IE6 でも互換モード動作させれば、何とか他のブラウザと互換を保てると>>思います。検討してみてください。 >これって互換モードではなくて標準モードのつもりで書いてますよね? はい、標準モードのつもりで書いていました。 互換モードは間違いです。フォローをありがとうございます。 以下訂正させて頂きます。 間違い また、IE6 のシェアはまだまだ多いと思います。IE6 でも互換モード動作させれば、何とか他のブラウザと互換を保てると思います。検討してみてください。 正解 また、IE6 のシェアはまだまだ多いと思います。IE6 でも標準モードで動作すれば、何とか他のブラウザと互換を保てると思います。検討してみてください。 以上訂正です。

beginner_w
質問者

お礼

訂正ありがとうございます。

  • Gotthold
  • ベストアンサー率47% (396/832)
回答No.3

ちょっと気になったので。 > 回答No.1 > IE6 でも互換モード動作させれば、何とか他のブラウザと互換を保てると思います。検討してみてください。 これって互換モードではなくて標準モードのつもりで書いてますよね? > IE6 からが早く解放されたいと思います。 同感です。 youtubeがIE6サポートを段階的に終了するみたいなので この影響でIE6が減ってくれるかなあ。

beginner_w
質問者

お礼

youtubeがIE6のサポートを終了ですかぁ。 早く化石になってほしいです。IE6。

noname#119957
noname#119957
回答No.2

IE6ではFloatさせた物の左右のマージン指定が2倍になるバグが あるので左右にmargin指定はダメ。 (ブラウザにより、cssを切り替えればOK) 本来はboxにpadding-top:10pxとすべきなんでしょうか。 それとも上記のとおりで正解なんでしょうか。(commentにmargin-top:10px) >>通常は外側(フロートしない部分)のpaddingで・・ ※詳しくは、オライリージャパン:「CSSクックブック」参照 http://www.amazon.co.jp/CSS%E3%82%AF%E3%83%83%E3%82%AF%E3%83%96%E3%83%83%E3%82%AF%E2%80%95Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E6%B4%BB%E7%94%A8%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF%E9%9B%86-%E3%82%AF%E3%83%AA%E3%82%B9%E3%83%88%E3%83%95%E3%82%A1%E3%83%BC-%E3%82%B7%E3%83%A5%E3%83%9F%E3%83%83%E3%83%88/dp/4873112192 ※ CSSではheightをピクセル指定すると文字拡大時に内容は枠内   に収まらないので高さ指定できるのは、中身が画像の時だけ。   詳しくは、こちらの無料配布ソフトで確認。   http://jp.fujitsu.com/about/design/ud/assistance/webinspector/   

beginner_w
質問者

お礼

本を読むのは好きなのでさっそく書店で購入してみます。レビュー数は少ないですが、一応興味もあります。 ありがとうございます。

関連するQ&A