2ページ以降は「concept」が適当。これまで行なってきた変更で「concept」ページはこんな風になる。トップページで追加したid="hpb-inner"の背景画像はそのままで、こ問題を解決するには、新しいidを追加するしかない。
つまり、id="hpb-inner"から
background-image : url(bg_inner.png);
background-repeat: repeat-x;
background-position: 0px 18px;
を削除してinner2を追加した。
#hpb-inner2
{
position: relative;
padding-top: 0px;
padding-bottom: 0px;
width: 866px;
background-color: #F1F4FF;
margin-right: auto;
margin-left: auto;
clear: both;
}
それとこのページをhtmlの <div id="hpb-inner">を <div id="hpb-inner2">に変更した。
次のページでその結果を見てみよう。
次のページヘ