0

アメブロのＴＯＰ画像のサイズ変更について教えて下さい ＣＳＳが全く初心者で息詰まっています…。
カスタム可能【ベーシック】のデザインを使用しているのですが、ＴＯＰ画像のサイズがなかなかぴったりといきません。
大きすぎたり小さすぎたりしてしまいます。
画像は８００×３３３で作りました。
ＣＳＳの設定をそれに合わせる方法を教えて頂けないでしょうか。

現在、以下のようになっています。
初心者すぎてお恥ずかしいのですが、どの部分に手を加えればよいのか、ご親切な方教えてくださいませ…（＞＜）


#main{
float: left;
width: 420px;
margin:0;
padding:0 10px;
}

#sub_a{
float: left;
z-index: 1;
width:170px;
margin:0;
padding:0 10px 0 0;
}

#sub_b{
float: right;
z-index: 2;
width:170px;
margin:0;
padding:0;
}


body {
background-color: #9CD6E9;
}

#header {
background-color: #9CD6E9;
}

#header {
background-image: url(http://stat.ameba.jp/user_images/20110827/13/pompome1981/7e/af/j/o0800054211444579283.jpg);
}

#header {
height: 542px;
}

#header {
background-repeat:repeat-x;
}

#header h1,
#header h2{
margin:0;
padding:0;
text-indent:-9999px;
}

#header h1 a{
display: block;
width: 800px;/*画像の横*/
height:800px;/*画像の縦*/
}
#header {
background-image: url(http://stat.blogskin.ameba.jp/blogskin_images/20110827/13/ea/6d/j/o08000542pompome19811314420412172.jpg);
background-repeat:no-repeat;
}

body{
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120321/20/c8/af/g/o01090067pompome19811332330272793.gif);

質問者が選んだベストソリューション

Yahoo!知恵袋 4358日前