フッターを作成する

フッターは、ヘッダーやグローバルナビと同様に、サイト内のすべてのサイトで共通のデザインを利用する、ページの下部に配置するデザインです。

フッターのデザインは、さまざまなサイトで、さまざまなデザインが利用されています。

私は、著作権表示と連絡先を表示しています。

HTML

<footer>
  <div>
    <p>「掲載内容は私自身の見解であり、所属する組織を代表するものではありません。」</p>
    <p>ご連絡の際は、お問い合わせページのURLの明記をお願いします。<address>xxxx＠xxxx.com</address></p>
    <p>Copyright (C) 2011 Horio Kazuhiko(kukekko) All Rights Reserved.</p>
  </div>
</footer>

CSS

footer {
	font-size: 80%;
  text-align: center;
  padding:  0 10px;
}
footer p {
  padding: 0;
  margin: 0;
}