■--スタイルシートの一部が反映されない >>>コウ -- 2003/12/22-05:19..No.[9443] |
|||
外部cssでデザインしているのですが一部が反映されなくて困っています。 body {background-image:url("**.gif"); margin:100px 120px; background-attachment:scroll;} のように記述していますが、背景画像は表示されても マージン部分が反映されません。 また、背景画像が固定表示になってしまっているので スクロールの記述をしてみましたがやはり反映されません。 Win・IE6でのローカルでは正常に表示されているので 広告の影響かとも思うのですが お分かりになる方がいらっしゃいましたらよろしくお願いいたします。 |
|||
>>> COM -- 2003/12/22-21:36..No.[9451] |
|||
ヘッダ広告に関連してのFAQです。 過去ログサイトさんにあります。参考に。↓ http://kakotyo.easter.ne.jp/tame3700/3708.html ヘッダ広告は特定ブラウザ(win版ie5以降のみ)でJavaScript有効でDOCTYPE宣言が標準準拠モード無効(=互換モード)設定にのみ表示されます。 これらの条件下でスクリプトが有効になりますので、CSSなどへの影響がどうしても起きる場合があります。 特にBODY要素全体に効果を出したい場合です。 (広告ソース先の外部cssファイル=http://fc2.com/ad/menu.cssの影響) 対処としては、BODY間をブロック要素で囲みCSSでclassやidを設定するか、 標準準拠モード有効のDOCTYPE宣言をし、宣言に沿ったマークアップをするかです。 前者の場合は、下記ルールセットをhead間もしくは外部ファイルに。 .sample{margin: 10% 10% 0 10%;background-image:url("**.gif");background-attachment:scroll;} body間には下記を。(class指定の場合) <div class="sample"> 本文 </div> * セレクタは#sample(idの場合)とか、div.sampleなどなどお好きに。 * この場合は、セレクタをbodyとしてはいけません。 * marginの簡略化プロパティの場合は、左の数値から「上、右、下、左」 2箇所のみ指定だと「100px(上下) 120px(左右)」を意味しますので、フッタ部広告が下がりすぎではと思います。 * プロパティはmargin-top, margin-right,margin-bottom, margin-leftと個々に指定もあります。 * 値の単位は%、em、pxなどなどで。 |
|||
>>> コウ -- 2003/12/23-01:02..No.[9457] |
|||
>COMさん レスをありがとうございました。 非常に参考になり、すべて解決いたしました。 参考にあげてくださったようにclass指定で回避した結果、 意図した通りに表示することができました。 また、マージン部分のご指摘もありがとうございます。 フッタ部分が確かに下がりすぎでしたので、マージン部分を {margin:20px 120px;}に訂正いたしました。 重ねて御礼申し上げます。ありがとうございました。 |
|||