記事一覧はてなブログをどうやって当サイトのデザインにしているかを書いています。背景を付ける方法を説明しましたので、次はそのエリアをどう活用するかになります。便宜上、ページタイトルエリアと呼びます。背景画像をつけているわけですから、一定程度の高さをとって見せなければ意味がありません。サイトを印象づけるためにスライダーであるとか画像そのものを見せるという方法もあるかと思いますが、あいにく当サイトはアピールするほど大したサイトではありませんので(笑)、各ページに応じて次のものを表示しています。指定して、記事内容やカテゴリ一覧などのコンテンツ本体と分離しています。理由は、ページタイトルエリアに表示するものの背景は透明とし、コンテンツ本体の背景は白地とするためです。以外の指定がされた親ボックスが基準になりますので、記事ページとカテゴリーページでは基準となるボックスが異なります。アーカイブページや検索結果の場合は同様です。15pxのマージンを取っていますのでそれに合わせるためです。ずらしているということになります。