掲示板/スタイルシート質問板/過去ログ/一覧/ IEとFirefoxでの表示の違い

1 名前： S ： 2006/03/16 19:16: 「CSS　バグ」でGoogle検索をかけたら下記サイトがヒットしたので参考まで。

http://cssbug.at.infoseek.co.jp/index.html

　もっとも、CSSはユーザースタイルシートで上書きできる（または製作者シートを無視できる）場合もあるため、製作者が用意したCSSで見ているとは限らない。

http://members.jcom.home.ne.jp/jintrick/Personal/usrstyle.html
http://members.jcom.home.ne.jp/pctips/www/cssintro.html
http://nekoshiki.poke1.jp/guidline/style.html

　そもそも環境に依存しないというのがHTMLの大前提。ユーザーエージェントはインターネットエクスプローラやファイアーフォックスだけではない。

http://members.jcom.home.ne.jp/jintrick/Personal/markup_readme.html
http://www.cyanworks.net/archives/browsers/

2 名前：神崎： 2006/03/16 19:16: widthの解釈の仕方がFF（CSS準拠？）とIE（独自？）では異なるようです。
IEではborder+padding+コンテンツ＝width
FFではpaddingを除いたコンテンツ＝width
としているようです。

http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp

つまりこれは、バグではなく仕様です。

基本的なCSSをFF用で作成して、その後でIEのみCSSを読み込んで上書きするように、

<style>
.box3 { width: 488px; }/* padding 10px、border 1+1px を除いたサイズ */
</style>


こんな感じにしてみてはいかがでしょうか。

3 名前： sky ： 2006/03/16 19:16: Sさんユーザースタイルシートというのは知りませんでした。
ありがとうございました。

神崎さん詳しい説明と対処法をありがとうございました。
早速試してみたいと思います。

4 名前： Pid ： 2006/03/16 19:16: WinIE5 以上であれば，標準準拠モードにすれば事足りるような。

どうしても過去互換にせざるをえないのであれば，box-sizing で検索してみれば，多少は幸せになれるかもしれません。

5 名前： sky ： 2006/03/16 19:16: >>Pidさん
標準準拠モードってものがあったんですね。
検索不足でした。!DOCTYPEで標準準拠モードにさせてみました。

ありがとうございました。

6 名前： S ： 2006/03/16 19:16: >>!DOCTYPEで
　正しくは「DOCTYPE宣言」。HTML文書では必須記述とされている（書けばよいというものでもないが）。

http://www.asahi-net.or.jp/~SD5A-UCD/rec-html401j/struct/global.html#version-info
http://www.kanzaki.com/docs/html/doctype.html
http://bakera.jp/html/sgml/doctype.html
http://members.jcom.home.ne.jp/pctips/www/DOCTYPE.html
http://members.jcom.home.ne.jp/jintrick/Personal/markup_dtd.html

7 名前： カヅサツ ： 2006/03/16 19:16 ［URL］: > 正しくは「DOCTYPE宣言」

「正しく」ということなら、「document type declaration」で、その訳語としては「文書型宣言」あたりが宜しいと思います。
（DOCTYPE宣言(DOCTYPE declaration)という呼び方をすべきでないという意味でないので念のため）