※ ChatGPTを利用し、要約された質問です(原文:ページ毎に位置が変わってしまう。HTML)
HTMLサイトのメニューバーの位置が異なる問題について
このQ&Aのポイント
HTMLページ内でメニューバーの位置がページごとに異なってしまう問題が起きています。
同じHTML構文を使用しているはずなのに、index.htmlと他のページでメニューバーの下の余白部分が異なってしまいます。
素人の私には解決できないレベルの問題です。ご教示いただける方がいらっしゃいましたら、お願いいたします。
サイト見ていただければ一目瞭然なのですが、メニューの行の下の余白部分がindex.htmlとそれ以外で違ってしまいます。
HTML構文はコピペしているので同じはずなのですが、素人同然の私としては限界です。
どなたかご教示お願い致します。
URLは
http://frecklejp.com/
です。それではお願いします。
また、外部CSSファイル一応作っています。それは以下になります。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
@charset "utf-8";
/* CSS Document */
/*======================================
すべて
=======================================*/
body,td,th,Table_01 {
font-family: Verdana, Tahoma, Arial, sans-serif, Meiryo UI;
color: #666666;
font-size:medium;
}
body {
background-color: #FFFFFF;
margin-left: 50px;
margin-top: 100px;
margin-right: 0px;
margin-bottom: 0px;
}
/*======================================
リンク
=======================================*/
a:link {
color: #a9a9a9;
text-decoration: none;
}
a:visited {
color: #a9a9a9;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: navy;
text-decoration: none;
}
a:active {
text-decoration: none;
color: navy;
text-decoration: none;
}
/*======================================
ベース
=======================================*/
メイン
=======================================*/
t {
line-height: 15px;
margin-left: 30px
}
ui {
list-style-type: square;
}
span-class {
font-size: x-small;
text-align: right
}
.div-class {
border-width: 0px 0px 0px 10px;
border-left-width: 5px;
border-left-style: solid;
border-left-color: firebrick;
padding: 0px 0px 0px 6px; /* 余白の幅 */
}
prof {
font-family: Verdana, Tahoma, Arial, sans-serif, Meiryo UI;
color: #666666;
font-size:medium;
}
お礼
ご指摘ありがとうございました。初歩的なミスでした。 メニューの下ばかり目がいってしまって… ありがとうございます。