[要点]
・td 二つのテーブルでページ全体を覆う
・table width=”100%” height=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″
・td valign=top にフッター以外を入れる
・td valign=bottom にフッターを入れる
テーブルで覆う前
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> </head> <body> <div id="header"></div> <div id="nav"></div> <div id="main"></div> <div id="footer"></div> </body> </html> |
テーブルで覆った後
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> </head> <body> <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign=top> <div id="header"></div> <div id="nav"></div> <div id="main"></div> </td> </tr> <tr> <td valign=bottom> <div id="footer"></div> </td> </tr> </table> </body> </html> |
この記事を書いた人
新着記事
![[Mac]IllustratorのカラーモードをRGBへ変更する方法](http://blog.pzz.jp/wp-content/plugins/vk-post-author-display/images/thumbnailDummy.png)
2015.11.27Illustrator[Mac]IllustratorのカラーモードをRGBへ変更する方法- 2015.11.27IllustratorIllustratorのカラーモードをRGBへ変更する方法
- 2015.11.26Illustrator[Mac]IllustratorのカラーモードをCMYKへ変更する方法
- 2015.11.25IllustratorIllustratorのカラーモードをCMYKへ変更する方法