Bloggerにて、Blogを公開しているのですが、外国のテンプレートをどうしても使用したく、とりいれたのです。

私もBlogger使ってます。お互いがんばりましょう^^。

さてさて、そんな前置きは置いといて、

>ヘッダー部分が、どうしても画面サイズに合いません。

とは、具体的にどのことを指していますか？もう少し説明くださると助かります。

・もし、ヘッダーの背景画像をBodyの背景の横幅に合わせたいのであれば、「#blog-header div」のWidthを800pxにすればよいと思います。

・また、ヘッダーを画面いっぱいに広げたいのであれば、「#wrapper」と「#blog-header div」のWidthを削除すればよいと思います。

上記に2つの回答は、勝手に質問を解釈して回答しております。ので、試される前に質問内容の詳しい説明をお願いします（または、参考にされたブログのURLでもかまいません）。

URLはダミーです。http://www.blogger.com/start

ページに直接cssを書き込んでるみたいですけど、ここに

http://tools.kuribo.info/bloglendar/bloglendar.css

元のcssがあるので、これを参考に数字などを書き換えてください。

テンプレートの/* globalから#blog-header div {･･･}までの部分を以下のものに置き換えてください（確認済み）。

http://presto-test-test.blogspot.com/（今日中に削除しますが･･･^^;）

とりあえず応急処置的なものですが、理想には近づくと思います。

（ちゃんとやればもう少しうまくいくかもしれません･･･）

/* global----------------------------------------------- */

body {

margin: 0;

padding: 0;

font-size: 12px;

background: #ce436e ;

font-family: helvetica, arial, verdana, "trebuchet ms", sans-serif;

color: #632035;

}

blockquote {

margin: 0;

padding: 0 10px 0 10px;

border-left: 6px solid #f7d8e2;

border-right: 6px solid #f7d8e2;

color: #ba476b;

}

code {

color: #ba8094;

}

hr {

display: none;

}

/* layout----------------------------------------------- */

#wrapper {

margin: 0 auto;

background: #ce436e url(http://photos1.blogger.com/blogger/2147/3667/1600/sp_bg.jpg ) repeat-y center 175px ;

width: 800px;

height:100%;

text-align: left;

}

#blog-header {

padding-bottom: 15px;

}

#blog-header div {

width:800px;

height:175px;

background: url(http://photos1.blogger.com/blogger/2147/3667/1600/sp_header.jpg) no-repeat center 0px;

}

何か不都合ありましたらご連絡下さい。

（その際、下のコメントを書き込めるようにしていただけると助かります）