- ベストアンサー
スタイルシートのpaddingについて
- スタイルシートのpaddingを使用して写真の周りに枠を作る方法について説明します。
- macのIE ver5とwindowsのIE ver6でpaddingの挙動が異なる問題が発生しています。
- 解決策を見つけるために、paddingに関する他の設定やブラウザのバージョンについても確認してください。
- hand_painted_art
- お礼率0% (0/12)
- その他（プログラミング・開発）
- 回答数4
- ありがとう数2
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
補足です。＃１さんの仰る「標準モード」に切り替えるには、html4以降のDOCTYPE宣言を入れるか、xhtmlで記述するかの方法があります。 ↓html4.01 フレーム利用時 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> ↓html4.01 フレーム非利用時 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
その他の回答 (3)
- sion_fs
- ベストアンサー率36% (152/416)
補足の補足です（涙） ＃１さん＆＃３で説明した「標準モード」は、ＩＥ６以降でしか機能しません。 Windows版 ＩＥ5.5以前では、やはり問題は残ったままとなります^^;
- sion_fs
- ベストアンサー率36% (152/416)
.photo { margin: 0px; padding: 10px 5px 25px; background-color:#FAFAF3; border: 2px outset #C0C0C0; } $imgsrc=qq| <table border="0" cellpadding="0" cellspacing="0"><tr> <td width="20"></td> <td class="photo"><img src=".SOON_ICON."></td> <td width="20"></td><td></td> </tr></table> |; と言う様にすれば、ＷｉｎＩＥを始め殆どのブラウザで対応出来ると思います。 画像ごとにテーブルを用意するのがあまりスマートでは有りませんが、これ以外の方法となるとブラウザ毎にＣＳＳを切り替える位しか思いつきませんでした^^;
補足
お答えありがとうございます。 ブラウザ毎にCSSを切り替えるということですが、 現在paddingができ要されていないIE 6では、 どのようにCSSを定義するべきでしょうか？
- UKY
- ベストアンサー率50% (604/1207)
> windowsのIE ver6ではpaddingされず 互換モードで表示されているように思われます。標準準拠モードなら正しく padding が適用されるようです。
補足
互換モードと標準準拠モードがあるとは知りませんでした。 互換モードと標準準拠モードはどのようにして切り替えるのでしょうか？
補足
フレーム利用時と非利用時、どちらが標準モードなのでしょうか？ また、この定義はhead or bodyのどちらに記述するのでしょうか？