• 文字サイズ
解決済

バナーのCSSがうまくいきません

  • 相談者:非公開
  • 2015/02/17 11:59
スクロールするバナーを貼りたいのですが、うまく表示できません。
以下のCSSのどこが問題なのでしょうか。宜しくお願いします。


/* right fixd */
* html body {background: url(null) fixed;}

* html div#rc_rightArea{
position:absolute !important;
top: expression((documentElement.scrollTop || document.body.scrollTop) + 100 + 'px');
left: expression((documentElement.scrollLeft || document.body.scrollLeft) + document.body.clientWidth - ① + 'px');/*画像の横幅数値*/
}

div#rc_rightArea{
position: fixed;
top: 100px;
right: 0px;
text-indent:-9993px;
display:block;
}

div#rc_rightArea2{
position: fixed;
top: 300px;
right: 0px;
text-indent:-9993px;
display:block;
}

div#rc_rightArea3{
position: fixed;
top: 500px;
right: 0px;
text-indent:-9993px;
display:block;
}

div#rc_rightArea .rc_right ,
div#rc_rightArea2 .rc_right2 ,
div#rc_rightArea3 .rc_right3 {
outline:none;
display: block;
position: relative;
width:①-③px;
height:②px;
left:0px;
z-index:9998px;
}

div#rc_rightArea .rc_right{
background: url("1枚目バナーのURL") no-repeat scroll 0 0 transparent;
}

div#rc_rightArea2 .rc_right2{
background: url("2枚目バナーのURL") no-repeat scroll 0 0 transparent;
}

div#rc_rightArea3 .rc_right3{
background: url("3枚目バナーのURL") no-repeat scroll 0 0 transparent;
}

div#rc_rightArea .rc_right:hover ,
div#rc_rightArea2 .rc_right2:hover ,
div#rc_rightArea3 .rc_right3:hover {
background-position:0px 0px; width:①px;
}
投稿内容について報告する




  • 返信者:非公開
  • 2015/02/17 13:09
実際のソースを確認したところ、
width:①-③px;
の部分が、そのまま
width:160-60px;
と表記されておりましたので、引き算の結果で………(省略)………
  • 返信者:非公開(質問者)
  • 2015/02/17 15:26
ありがとうございました。うまく表示できました。

あとはヘッダーに

<link href="ゴールドに上げたcssのURL" rel="stylesh………(省略)………
  • 返信者:非公開
  • 2015/02/19 21:14
返答が遅れ、失礼いたしました。

実際のソースを拝見したところ、
class="rc_right3"
の表記がありませんでしたので、追記をお願いいたしま………(省略)………
  • 返信者:非公開(質問者)
  • 2015/02/20 16:24
こちらこそ、助かりました。
いつもいつも、ありがとうございます。………(省略)………