• 追加された行はこの色です。
  • 削除された行はこの色です。
*** やっぱり Firefox のスタイルシート解釈がわからねぇｗ [#g633f6f1]
#ref(../FKH0300.png,nolink)

シナリオも終わって作業に少し余裕があるので、[[前にほったらかしにしていた某オフィシャル・サイトのスタイルシート>../2008-06-06]]を見直していたんだが……サッパリ解らんｗｗ&br;
そもそも padding を設定してなんで全体の幅が変わる？？&br;
IE と Opera では padding を設定しても width で設定したサイズが適用される。そりゃそうだ、padding は内側の余白のはずだ。ところが、padding を 1px 以上に設定すると、Firefox ではそのスタイルの幅が変わってしまう。&br;
原因としては、このスタイルの中に、padding を設定することによって入り切らなくなる表やスタイルシートの設定が存在するからなのかなぁ？

たとえば width : 750 で、padding が 8px 8px 8px 8px と設定していたのだが、このスタイルシートの中の HTML で <hr width="750"> とかやっていたら、Firerox では広がっちゃいそうな気がするんだけど、そういう設定もないのよねぇ。ひょっとして Table で width="100%" とかやっちゃうとそのスタイルの Width が適用されるのかとおもったら、これも違う。&br;
あと今困っているのが、<p align=""> だ。コイツを設定すると、Firefox では表示位置が変わってしまう。これは IE や Opera の実装が間違っているのだが、p には前後に改行を挿入するという役割がある。これが前後に何もないと IE や Opera では改行が行われないのだが、Firefox ではこのタグが現れた段階で改行を実行してしまい、表示位置がずれる。しかしスタイルシートで設定された文字揃えとは違うそろえ方をしたい場合に、どうしてもこの p にはお世話になっているのだ。&br;
そういうことをしたい場合は、いちいち表で囲んでから設定しろということか？（汗）

まぁそんなわけで Firefox の仕様に合わせつつ、なんとか IE でも同じ表示になるように調整はできた。ちなみに Opera はちょっと放置（笑）。でもやっぱり、[[6/6>../2008-06-06]] の問題は解決できなかったｗｗｗ＜ヲイ
- スタイルシートは宗教なので、やっぱり信仰する宗派の解釈に従うしか…（無神論者の私はスタイルシートの使用は最小限ですｗ -- [[L.Entis]] &new{2008-08-25 (月) 16:44:51};
- やっぱり宗教なのか（笑。正直、レイアウトの機能としても中途半端だよ、スタイルシート。ビジネス文書作る分には問題ないんだけどねぇ……。 -- [[たまきん]] &new{2008-08-25 (月) 18:06:43};
- そもそもpタグの使い方が間違ってるような気がするのですが。開始タグから終了タグ（＜p＞～＜/p＞）までを段落と指定するものですよ。 --  &new{2008-08-25 (月) 22:41:49};

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