Top > Diary > 2008-08-24

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

FKH0300.png

シナリオも終わって作業に少し余裕があるので、前にほったらかしにしていた某オフィシャル・サイトのスタイルシートを見直していたんだが……サッパリ解らんww
そもそも 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 の問題は解決できなかったwww<ヲイ

  • スタイルシートは宗教なので、やっぱり信仰する宗派の解釈に従うしか…(無神論者の私はスタイルシートの使用は最小限ですw -- L.Entis 2008-08-25 (月) 16:44:51
  • やっぱり宗教なのか(笑。正直、レイアウトの機能としても中途半端だよ、スタイルシート。ビジネス文書作る分には問題ないんだけどねぇ……。 -- たまきん 2008-08-25 (月) 18:06:43
  • そもそもpタグの使い方が間違ってるような気がするのですが。開始タグから終了タグ(<p>~</p>)までを段落と指定するものですよ。 -- 2008-08-25 (月) 22:41:49
  • あ、もちろんそれは解っているので大丈夫ですよ~。 -- たまきん 2008-08-26 (火) 11:39:47

#comment


Reload   New Lower page making Edit Freeze Diff Upload Copy Rename   Front page List of pages Search Recent changes Backup Referer   Help   RSS of recent changes
Last-modified: (4163d)