PR

記事の量が多くても少なくても画面下にコピーライト（フッタ）を表示するには？

2009.02.10

記事の量が多くても少なくても画面下にコピーライト（フッタ）を表示するにはどうしたらよいか。完全ではないがＣＳＳで表現してみた。

スポンサードリンク

▼ＨＴＭＬ

<html>
<HEAD>
<META http-equiv=Content-Type content=”text/html; charset=utf-8″>
<LINK media=screen href=”style.css” type=text/css rel=stylesheet>
</HEAD>
<BODY>
<DIV class=wrapper>
<p>ここに記事を書きます</p>
</DIV>
<DIV class=footer>
<P>Copyright © 2009</P>
</DIV>
</BODY>
</HTML>

▼style.css

HTML {
HEIGHT: 100%;
}
BODY {
HEIGHT: 100%;
margin: 0 0 0 0;
}
.wrapper {
WIDTH: 700px;
POSITION: relative;
MIN-HEIGHT: 100%;
HEIGHT: 100%;
}
.footer {
WIDTH: 700px;
POSITION: relative;
}
.footer P {
WIDTH: 700px;
BOTTOM: 4px;
POSITION: absolute;
TEXT-ALIGN: center;
}

◆ダウンロード

参考文献

oldId.20090212154430295

スポンサーリンク