タグ・デザイン掲示板

[

フッタがずれて表示されてしまう件について（テンプレート使用）
by 猫野

2015-10-06 21:36
はじめて質問させていただきます、猫野です。よろしくお願いいたします。

とあるサイト様で、テンプレート（２カラム１ヘッタ１フッタ）を見かけて、コピーさせていただいたのですが、うまく表示されません。フッタが右にずれすぎているのです。そして、メイン部分から少し離れて（白い溝ができて）表示されます。

解決策がまったくわからず、質問させていただいた次第です。

当方で設定しているタグは以下です。

（共通HEAD)
<meta name="ROBOTS" content="NOINDEX,NOFOLLOW,NOARCHIVE,NOIMAGECLICK" /><meta name="robots" content="noindex,nofollow,noarchive,noimageclick" />

<style type="text/css">
* {
font-family:メイリオ,Verdana,"ＭＳゴシック",Osaka,sans-serif;}

<pc>
body {
line-height:1.8;
letter-spacing:0.2em;}

br {
letter-spacing:normal;}
</pc>
<pc>
*{
margin: 0;
padding: 0;
}
body{
width: 728px;
position: absolute;
left: 50%;
margin-left: -364px;
}
#header{
width: 728px;
background: #c0c0c0;
height: 100px;
}
#main{
float: left;
width: 578px;
background: #f5f5dc;
height: 300px;
}
#nav{
float: left;
width: 150px;
background: #eeeeee;
height: 300px;
}
#footer{
clear: both;
width: 728px;
background: #c0c0c0;
height: 100px;
}
</pc>

</style><body>

（サイトの子ページ）
＊本体です。

<div id="header"><center><a href="">#mtr68#</a></center><center><font size="2"></font><center><font size=2>#blog3_*New!!*# ＆<b>#blog2_Memo#<b></font><font></center></div><div id="main"><font size ="3"> <font color="#f6a57d"><b>#page3_First#</b><br>┗</font><font size="2" color=330000> </font>
<font color="#ee8ea0"><font size="3">＊</font><a href=""><font color="#66cdaa"><font size="3"><b>Main</b></font></a></marquee><br>┗<font size="2" color=330000></font><font size="3" ><font color="#f6a57d" ></font><font color="#f6a57d" ><br><font size="3" ></font><b>#page17_Gallery#<br>┗<font size="2" color=330000></font><font color="#f6a57d"><font size="5"></font><font color="#f6a57d" ></font></b><br><b>#page6_Respect & Link me?# </b><br>┗<font size="2"><font color=330000></font><br><font color="#f6a57d" ></font><br><font size="3" color=330000></font><form action= ""><input type="submit" value="＊"></form>#blog5_＊→# </div><div id="nav"><center><div style="text-align:center" align="center" ><"><font color="#000000" size="4"><b><b></font></a><br><br></div><font size="3" color="#990000"><font color="#ee8ea0" size="1">＊</font><font size=1>Ranking</font><font color="#ee8ea0" size="1">＊</font></font></center><div style="text-align:center" align="center" ><br><a href=""><font color="#800080" size="1"></font></a></div><br><div style="text-align:center" align="center" ><a href=""><font color="#800080" size="1"></font></a><center></div>

<div id="footer"><font size="2">→#page1_Top#←</font>
<font size="2">2012-2015 .<br> All Rights Reserved. </font></div>
</body>

以上です。お助けいただければ幸いです。どうぞよろしくお願いします。

表示はパソコンから見ています。ガラケーは問題ありませんが、スマホは確認できません。

猫野

pc
[編集]

by 匿名

2015-10-06 22:44
ID伏せないと悪質なコンタクト(違法サイトやアダルトサイトへの晒し、荒らし行為等)があるかも知れませんよ

問題のデバイスがスマホかPCかガラケーか分からないので解答側も解答できません

pc
[編集]

by 猫野

2015-10-06 22:55
匿名さま

早速のアドバイスまことにありがとうございます。IDは伏せました。

デバイスはパソコンからです。ガラケーは確認(ガラケー用のページです)して大丈夫なのですが、スマホはわかりません。

よろしくお願いいたします。

猫野

F07F
[編集]

by 匿名

2015-10-06 23:36
あなたの記述ですが、タグミスと意味のない記述が多いのでまずそれを直してください

入れ子にならないようにする
開始タグと綴じタグの数を合わせる
余計な記述の削除
<font>タグは分けずにまとめる！
<font color="#???" size="???">

DL時にあなたのPCでちゃんと表示できていたなら完全にこのタグミスが原因です

正直治すところが多すぎて匙を投げました
ついでにタグの勉強も少ししたほうがいいかもしれません
使っているタグが古すぎる
（一部は非推奨タグとなっていてレイアウト崩れの原因にも繋がりかねない）
初心者ならnanoは難しいと思いますよ

pc
[編集]

by 猫野

2015-10-06 23:46
匿名さま

早速のお返事をありがとうございます。初心者用のテキストを見ながらやっているものの、難しかったようです。

まことにありがとうございました。

猫野

F07F
[編集]

[