やっぱり Firefox のスタイルシート解釈がわからねぇｗ

FKH0300.png

シナリオも終わって作業に少し余裕があるので、前にほったらかしにしていた某オフィシャル・サイトのスタイルシートを見直していたんだが……サッパリ解らんｗｗ
そもそも 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 2008-08-25 (月) 16:44:51

#comment
    ホーム 一覧 検索 最終更新 バックアップ リンク元   ヘルプ   最終更新のRSS