アメブロCSSについて2問

質問

アメブロのCSSについてです。

ウィンドーズの画面を小さくしてもブログの背景画像などが
ずれないようにしたいのですがどうすればいいでしょうか？

それと私は今記事にもスクロールをつけています。
スクロールバーは自分で色を変えてます。
で、記事のスクロールバーと全体のスクロールバーの
色を別々にするにはどうすればいいでしょうか？

少し急ぎ気味です。回答お願いしますm(＿ ＿)m

回答No.1

kiyoto-777 · ベストアンサー

(1)　絶対配置にする。
　　・　フリースペースかフリープラグインに下記の様に画像を設定
<img src="画像のＵＲＬ" id="skn01">
　　・　ＣＳＳへ下記を追記
#frame{/* スキン画像の左上がtop:0 left:0 の起点 */
position:relativer;
}
#skn01{/* 背景画像を絶対配置 */
position:absolute;
left:-400px;
top:0px;
z-index:-10;
}
　　・ブラウザのバージョンによって記事部分の配置がずれるので
　　　記事,ラップ自身(wrap)も絶対配置にすれば、配置のずれは防げる。

(2)　記事に指定しないプロパティは、transparent（透明）にする。

下記の様に指定すると、指定されていない部分は、全体のスクロールバーの色の
指定に従属するので、

.entry {
scrollbar-base-color:#C0C0C0;
scrollbar-highlight-color:#FFC0CB;
}

下記の様に、指定しない他のプロパティは、全て、transparentにする。
.entry {
scrollbar-base-color:#C0C0C0;
scrollbar-track-color:transparent;
scrollbar-face-color:transparent;
scrollbar-shadow-color:transparent;
scrollbar-darkshadow-color:transparent;
scrollbar-highlight-color:#FFC0CB;
scrollbar-3dlight-color:transparent;
scrollbar-arrow-color:transparent;
}

●　尚、全てのプロパティの値をtransparentにすれば、標準のスクロールバーの色になる

自動で作成したければ下記でできます

http://ameblo.jp/new-bulue9/entry-10586219585.html#Top

回答No.2

kiyoto-777

●　間違え箇所変更

#frame{/* スキン画像の左上がtop:0 left:0 の起点 */
position:relative;
}