« MTのサイドバーを右から左へ | メイン | メールフォームをつける »

フッターを入れる

私はサイトの最下部にはコピーライトを記入したフッターを配置するのが癖になっています。MTにもそれをつけたい。MTは全体が「#container」というボックスの中に入っているので、この中の一番下に書きいれればいいのではないかと考えました。

Main Indexを開くと一番下の</div>の1つ前にこのような記述があります。

<div style="clear: both;">&#160;</div>

これはボックスの配置がおかしくならないために必要な記述だそうです。ここの下にコピーライトを入れます。さらに div 部分にスタイルシートを適用してやると、字の大きさや配置、色など好きなようにデザインできます(3.2からはこの記述はなくなっているので、一番下の</div>の上に入れます)。

例えばMain Indexには
<div style="clear: both;">&#160;</div>
<div id="footer">COPYRIGHT(c)2004-2005 TAEKO All rights reserved.</div>

スタイルシートには
#footer {
font-family: Verdana, Arial, sans-serif;
color: #000000;
font-size: small;
background-color: #EDE8CA;
text-align: center;
padding: 2px;
border-bottom: 1px solid #EDE8CA;
}

と書くと、ベージュの帯の中央に黒の小さめの字でコピーライトが表示されます。色やボーダーの種類など色々組み合わせて楽しんでみようと思ってます。