2006年05月27日

塗り残した上下にも塗る

 ブログ全体の背景に色を塗りましたが、上の部分と下に、ぽっかり白い部分が残っています。
 この部分にも塗ってみたいと思います。
 同じ色を塗った方が、いいのかも知れませんが、今回はわかりやすくするために少し違う色を塗ります。
 #banner {  } と、#footer {  } の、background-color:#FFF;を編集します。

 これを行っても、まだ上のほうに塗り残しが、残ります。
 これは、画像の一部になっているので、今のところ仕方ありません。

 編集前はつぎのとおりです。

#banner{
font-family:arial, Helvetica;
height:140px;
margin:0px;
padding:0px 0px 0px 0px;
text-align:left;
background-image:url(http://blog.seesaa.jp/img/bg/orange/header.gif);
background-repeat:no-repeat;
background-color:#FFF;
}

 これをつぎのように編集します。違いは赤 文字部分です。

#banner{
font-family:arial, Helvetica;
height:140px;
margin:0px;
padding:0px 0px 0px 0px;
text-align:left;
background-image:url(http://blog.seesaa.jp/img/bg/orange/header.gif);
background-repeat:no-repeat;
background-color:#FC7F87;
}

 #footerも同じように。編集前。

#footer{
clear:left;
padding:20px 0px; 5px 0px
text-align:center;
height:80px;
background-color:#FFF;
}

 編集後

#footer{
clear:left;
padding:20px 0px; 5px 0px
text-align:center;
height:80px;
background-color:#FC7F87;
}

posted by わいずふぁくとりい at 10:58| Comment(0) | TrackBack(0) | ブログの塗り絵をしてみよう | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/18437729
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。