やっぱり Firefox のスタイルシート解釈がわからねぇｗ
シナリオも終わって作業に少し余裕があるので、前にほったらかしにしていた某オフィシャル・サイトのスタイルシートを見直していたんだが……サッパリ解らんｗｗ
そもそも padding を設定してなんで全体の幅が変わる？？
IE と Opera では padding を設定しても width で設定したサイズが適用される。そりゃそうだ、padding は内側の余白のはずだ。ところが、padding を 1px 以上に設定すると、Firefox ではそのスタイルの幅が変わってしまう。
原因としては、このスタイルの中に、padding を設定することによって入り切らなくなる表やスタイルシートの設定が存在するからなのかなぁ？
たとえば width : 750 で、padding が 8px 8px 8px 8px と設定していたのだが、このスタイルシートの中の HTML で <hr width="750"> とかやっていたら、Firerox では広がっちゃいそうな気がするんだけど、そういう設定もないのよねぇ。ひょっとして Table で width="100%" とかやっちゃうとそのスタイルの Width が適用されるのかとおもったら、これも違う。
あと今困っているのが、<p align=""> だ。コイツを設定すると、Firefox では表示位置が変わってしまう。これは IE や Opera の実装が間違っているのだが、p には前後に改行を挿入するという役割がある。これが前後に何もないと IE や Opera では改行が行われないのだが、Firefox ではこのタグが現れた段階で改行を実行してしまい、表示位置がずれる。しかしスタイルシートで設定された文字揃えとは違うそろえ方をしたい場合に、どうしてもこの p にはお世話になっているのだ。
そういうことをしたい場合は、いちいち表で囲んでから設定しろということか？（汗）
まぁそんなわけで Firefox の仕様に合わせつつ、なんとか IE でも同じ表示になるように調整はできた。ちなみに Opera はちょっと放置（笑）。でもやっぱり、6/6 の問題は解決できなかったｗｗｗ＜ヲイ
- スタイルシートは宗教なので、やっぱり信仰する宗派の解釈に従うしか…（無神論者の私はスタイルシートの使用は最小限ですｗ -- L.Entis
- やっぱり宗教なのか（笑。正直、レイアウトの機能としても中途半端だよ、スタイルシート。ビジネス文書作る分には問題ないんだけどねぇ……。 -- たまきん
- そもそもpタグの使い方が間違ってるような気がするのですが。開始タグから終了タグ（＜p＞～＜/p＞）までを段落と指定するものですよ。 --
- あ、もちろんそれは解っているので大丈夫ですよ～。 -- たまきん
#comment
