※再度※どこが悪いのかみていただきたいです。
以前あまり回答が得られなかったので
カテを変えて、再度お願いいたします。
下記のようなHPをフリーソフトの「alphaEDIT」で作りました。
一番外側のテーブルの上下を画面の上下いっぱいに引っ付けたいと思っています。
プレビューでこのソースのページを見るとちゃんと上下にくっついているのですが
アップロードしてインターネット上で見ると上はくっついているのですが
下がくっついていないのです。
これがなぜなのかわかる方は、教えていただきたいです。
HP初心者なのでできるだけわかりやすく教えていただけるとうれしいです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
<title></title>
<style type="text/css">
<!--
BODY TD {
FONT-SIZE: 10pt
}
A.menu:link,A.menu:visited {
BORDER-RIGHT: #666666 1px solid;
PADDING-RIGHT: 15px;
BORDER-TOP: #666666 1px solid;
DISPLAY: block;
PADDING-LEFT: 15px;
PADDING-BOTTOM: 5px;
BORDER-LEFT: #666666 1px solid;
COLOR: #ffffff;
PADDING-TOP: 12px;
BORDER-BOTTOM: #666666 1px solid;
HEIGHT: 40px;
BACKGROUND-COLOR: pink;
TEXT-DECORATION: none
}
A.menu:hover,A.menu:active {
BORDER-RIGHT: #ffffff 1px ridge;
PADDING-RIGHT: 15px;
BORDER-TOP: #ffffff 1px ridge;
DISPLAY: block;
PADDING-LEFT: 15px;
PADDING-BOTTOM: 5px;
BORDER-LEFT: #ffffff 1px ridge;
COLOR: gray;
PADDING-TOP: 12px;
BORDER-BOTTOM: #ffffff 1px ridge;
HEIGHT: 40px;
BACKGROUND-COLOR: #ffffff;
TEXT-DECORATION: none
}
table#mainTable{
border-collapse:collapse;
}
td.borderAll,td.borderNoTop,td.borderNoBottom{
border:solid 1px #c0c0c0;
}
td.borderNoTop{
border-top:0px;
}
td.borderNoBottom{
border-bottom:0px;
}
-->
</style>
</head>
<body bottommargin="0" background="sozai/kabegami.gif" topmargin="0">
<table height="956" width="730" align="center" id="mainTable" style="WIDTH: 730px; HEIGHT: 956px">
<tr>
<td colspan="2" class="borderNoTop" bgcolor="#ffffff" height="20"
></td>
</tr>
<tr>
<td colspan="2" height="120" class="borderAll" background="sozai/title_back.gif">
<p align="center"><font color="#ff0000" size="5"><strong>
</strong></font> </p></td>
</tr>
<tr>
<td class="borderAll" colspan="2" valign="top" align="left" bgcolor="#ffffff"><br>
<table cellspacing="0" cellpadding="0" width="155" align="left" border="0">
<tr>
<td bgcolor="#ffffff">
<table style="MARGIN-TOP: -2px; FONT-WEIGHT: bold; WIDTH: 146px; FONT-FAMILY: 'mspゴシック'; HEIGHT: 241px" cellspacing="3" cellpadding="0" width="146" align="center" border="0">
<tr>
<td><a class="menu" href="index.html" >Top</font></a></td>
</tr>
<tr>
<td><a class="menu" href="1_news.html" >News</font></a></td>
</tr>
<tr>
<td><a class="menu" href="2_sakuhin.html" >作品集</font></a></td>
</tr>
<tr>
<td><a class="menu" href="4_kyoushitsu.html" >お教室情報</a></td>
</tr>
<tr>
<td style="BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 15px; PADDING-BOTTOM: 10px; BORDER-LEFT: #666666 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #666666 1px solid" align="center"><font color="gray">Shopping</font></td>
</tr>
<tr>
<td><a class="menu" href="6_link.html" >お友達サイト</a></td>
</tr>
<tr>
<td><a class="menu" href="7_mail.html" >Mail</a></td>
</tr>
</table></td></tr></table>
<table style="WIDTH: 560px; HEIGHT: 748px" cellspacing="1" cellpadding="20" width="560" align="left" bgcolor="#c0c0c0" border="0">
<tr>
<td valign="top" align="left" bgcolor="#ffffff">
</td></tr></table>
</td></tr>
<tr>
<td class="borderAll" colspan="2" bgcolor="#ffffff" height="20">
<p align="center"> <font color="#808080">Copyright © 2005-2007
princess-ichigo, All rights reserved.</font></font></p></td>
</tr>
<tr>
<td colspan="2" class="borderNoBottom" bgcolor="#ffffff" height="20"
>
</td>
</tr>
</table>
</body></html>
お礼
お礼が遅くなり申し訳ありません。 英語版は表示されているのですが、なぜか日本版がエラーになり。。 新しく作り変えたいと思います。 助言をいただき、どうもありがとうございました!!