PC左側に表示していたフローティングバナーが表示されなくなりました

Question

いつもお世話になっています。

ヘッダーにcss等を記入してPC左側にフローティングバナーを表示していたのですが、
いつの間にか表示されなくなってしまいました。
css、htmlを見直したのですが原因が分かりません。

cssは、/* --- 左バナー --- */
htmlは、
と記載している部分を表示させたいです。

どこが間違っているでしょうか？ご教示お願い致します。

Answer

ECマスターズの田中です。

ページを確認したところ、
スタイルシートにおけるコメントアウトの使い方が原因で表示に問題が発生しておりましたので、
/* --- 右バナー1 --- */ の下の規則を囲む、/* と */ の削除をお願いします。

詳しい原因についてですが、
現在の/* --- 右バナー1 --- */ 以下の規則をご確認ください。

元のソースが長いので、一部抜粋してご案内しますと、

/*
#tabr1 {
width: 102px;/* 最初に表示されるバナーの幅 */
height: 60px;/* バナーの高さ */
}
*/

このように、各行にコメントが入っている規則の全体を、/* と */で囲んで
コメントとして無効化しようとされているのですが、
各行のコメントも、全体と同じく */ で終了しているため、
全体を無効化するつもりが、
「最初に表示されるバナーの幅」の右側にある */ で一旦無効化が停止しております。

つまり、

/*
#tabr1 {
width: 102px;/* 最初に表示されるバナーの幅 */
および
/* バナーの高さ */

がコメントとして扱われ、

height: 60px;
}
*/

が、スタイルシートの規則の記述として残ってしまいます。
そして、この「height: 60px;」と「}」には、
規則の対象を指定する部分（ #tabr1 { など）が存在しないため、
スタイルシートの書き方に違反しており、エラーを起こす原因となっております。

これを防ぐために、/* --- 右バナー1 --- */ の下の規則を囲む /* と */ を削除してください。
削除すると、間に書かれた規則は有効になりますが、
対象となるHTMLタグもコメントアウトされているため、表示に影響はありません。

Answer

田中　様

ありがとうございます。
できました！

CSS、HTMLについて独学でやっているため
こちらで今回のように分からない部分を教えてもらえるのでとても助かります。

ありがとうございました。