id:hb64226326174d111
ベストアンサーあり
はてなの使い方ウェブ制作

私のダイヤリー(http://d.hatena.ne.jp/hb64226326174d111/)の…フッタ(忍者カウンター)とヘッダの表示がきちんとできていません…。


この症状が出だしたのは８月の初旬ごろです。
それまで何もいじってないのに、フッタ(忍者カウンター)とヘッダの表示がきちんと表示されなくなってしまいました…。
表示が正常なときはこんな感じでした↓
http://f.hatena.ne.jp/hb64226326174d111/20120522230032
ヘッダは上の写真を見てもわかると思いますが↓
http://f.hatena.ne.jp/hb64226326174d111/20120225143026
この画像を使っています。

スタイルシートは現在こんな感じにしています。
h1 { background-image:url("http://cdn-ak.f.st-hatena.com/images/fotolife/h/hb64226326174d111/20120521/20120521194436.png");
font-size:24px;
height:308px;
background-repeat:no-repeat;
}

}
div#simple-header,div.adminmenu {
background-image: url("http://cdn-ak.f.st-hatena.com/images/fotolife/h/hb64226326174d111/20120225/20120225143026.png");
}
フッタはコメント欄に書きます。(長いので…)
回答よろしくお願いいたしますm(_　_)m

回答の条件
  • 1人5回まで
  • 登録：
  • 終了：2013/08/27 15:02:23

ベストアンサー

id:windofjuly No.1

回答回数2625ベストアンサー獲得回数1149

コメントでＯＫと書いたのですが、
必要最低部分だけコピペして確認してたので邪魔なものがあるのに気づきませんでした。
手抜きコメントしてごめんなさいです。そして探し当てるのに時間かかってごめんなさい。

下記の } が邪魔してました。
対になる { が無いのでエラーとなって以後の部分が無視されちゃったのです。

h1 { background-image:url("http://cdn-ak.f.st-hatena.com/images/fotolife/h/hb64226326174d111/20120521/20120521194436.png");
font-size:24px;
height:308px;
background-repeat:no-repeat;
}

}  ←これを消す。
div#simple-header,div.adminmenu {
background-image: url("http://cdn-ak.f.st-hatena.com/images/fotolife/h/hb64226326174d111/20120225/20120225143026.png");
}

今のところトラブルの原因にはなってはいませんでしたが、
同じくコメントで書いた＜/span＞の部分も、
対になる＜span＞が無いので下記のように削っておいたほうが良いでしょう。

<br><span class="deco" style="color:#CC33CC;">＊</span>下のリンクフリーのバナーの張り付けコードは、<a href="http://d.hatena.ne.jp/hb64226326174d111/about#rinkunituite">こちらです</a>。<br>
他3件のコメントを見る
id:windofjuly

とりあえずブラウザのツール→互換表示にすれば直るはずですが、
根本的原因の調査には時間を要しそう（簡単に出来るかどうかも不明）です。

2013/08/27 14:25:07
id:hb64226326174d111

うぃんどさん(id:windofjuly) ＞＞お返事有難うございます＾＾
忍者カウンターのずれは互換表示で直りました！
詳しい原因はわかりませんが、とりあえず直ってよかったです(^○^)

本当に有難うございました！
あとでベストアンサーにさせて戴きますね＾＾

2013/08/27 15:02:05

コメント（3件)

  • id:hb64226326174d111
    麻衣＝リュウママ 2013/08/26 13:40:49
    フッタはこんな感じです↓
    </div>
    <div class="sidebar">
    <div class="hatena-widget">
    <!-- shinobi ct2 -->
    <script type="text/javascript" src="http://ct2.enokorogusa.com/sc/1586917"></script>
    <noscript><a href="http://ct2.enokorogusa.com/gg/1586917" target="_blank">
    <img src="http://ct2.enokorogusa.com/ll/1586917" border="0" alt="カウンター" /></a><br />
    <span id="NINCT1SPAN1586917" style="font-size:9px">[PR] <a href="http://blog.ninja.co.jp/" target="_blank">ブログ</a></span></noscript>
    <!-- /shinobi ct2 -->
    </div>
    <hatena name="clock" type="handwriting" color="#cc0000">
    <div class="hatena-module">
    <div class="hatena-moduletitle">リュウプロフィール↓</div>
    <div class="hatena-modulebody">
    <img src="http://cdn-ak.f.st-hatena.com/images/fotolife/h/hb64226326174d111/20120121/20120121100512.png?1327107958" alt=""><br>
    名前　リュウ<br>
    犬種　パグ<br>
    性別　♂(オス)<br>
    生まれた年　2009年<br>
    誕生日　5月19日　　おうし座<br>
    好きなモノ　肉、ボーロ、ジャーキー　、サツマイモなど<br>
    特技　ポーズをする・大食い・ドヤ顔！・笑顔<br>
    リュウについて＆性格など↓<br>
    ・性格は頑固でなかなかいうことを　聞かない。<br>
    ・パグのオスで色はフォーン　　
    　　　・体重は10Ｋｇ前後。<br>
    ・食欲旺盛でドックフード以外ならほとんどがつがつ食べる。<br>
    (リュウはドックフードが嫌い？)<br>
    <span class="deco" style="color:#CC0099;">- - - - - - - &#8904; - - - - - - </span><br>
    ★<span class="deco" style="color:#336600;">初めてご訪問してくださった方</span>・　　<span class="deco" style="color:#336600;">このブログについては、</span><a href="http://d.hatena.ne.jp/hb64226326174d111/searchdiary?word=%2A%5B%BD%E9%A4%E1%A4%C6%A4%B3%A4%CE%A5%D6%A5%ED%A5%B0%A4%CB%A4%B4%CB%AC%CC%E4%A4%B7%A4%C6%A4%AF%A4%C0%A4%B5%A4%C3%A4%BF%CA%FD%A4%D8%5D">こちらです</a><span class="deco" style="color:#336600;">。</span>
    　　　　　　　　　　　　　　<span class="deco" style="color:#ff6633;">☆ブログ情報は、</span><a href="http://d.hatena.ne.jp/hb64226326174d111/about">こちらです</a><span class="deco" style="color:#ff6633;">。</span><br>
    ☆交互リンクはパグが好きな方なら大歓迎です！<br>
    ★<span class="deco" style="color:#FF9900;">パグ友も募集中です。</span>
    </div>
    </div>

    <div class="hatena-module">
    <div class="hatena-moduletitle">管理人プロフィール↓</div>
    <div class="hatena-modulebody">
    <img src="http://cdn-ak.f.st-hatena.com/images/fotolife/h/hb64226326174d111/20111118/20111118134215.png" alt="">　　　　　　　　　　　　　　　　　　　　　　　あだ名　リュウママ<br>
    ユーザーネーム　麻衣<br>
    性別　♀（女）<br>
    年齢　14才(たぶん。)<br>
    血液型　B型<br>
    誕生日　7月14日かに座<br>
    趣味　漫画風な絵を描くこと・　　　　　リュウの写真を撮ること！<br>
    好きなモノ↓<br>
    パグ、漫画、アニメ、初音ミク　　　　　(その他のボーカロイドも好き)<br>
    管理人から一言↓<br>
    リュウママこと麻衣と申します！<br>
    不定期ですがリュウと一緒にブログ更新しています。<br>
    こんな管理人ですがよろしくお願い　しますm(_　_)m<br>
    <span class="deco" style="color:#CC0099;">- - - - - - - &#8904; - - - - - - </span><br>
    <span class="deco" style="color:#3333FF;">☆管理人については、</span><a href="http://www.hatena.ne.jp/hb64226326174d111/">こちらです</a><span class="deco" style="color:#3333FF;">。</span>
    <br>&#9829;コメントへのお返事のときは、
    hb64226326174d111で書き込みます。(たまにリュウママで書き込むこともあります。)<br>
    <span class="deco" style="color:#9900BB;">&#9829;初めましての方・常連の方ご訪問ありがとうございます。皆様からのコメントは、いつも有難く読ませていただいております。</span>
    　　　　　　　　　　　　　　　　　　　　　　　<span class="deco" style="color:#FF0033;">&#9829;宣伝コメント・読んだ方が不快に感じるコメントなどは削除させていただきます。</span>
    　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　<span class="deco" style="color:#660033;">&#9829;コメント返信は遅くなりますが、必ずお返事いたします！（貴方がコメントした記事に私がその記事のコメント欄に「○○さんへ」とお返事いたします。）</span>

    </div>
    </div>

    <div class="hatena-module">
    <div class="hatena-moduletitle">ランキング↓</div>
    <div class="hatena-modulebody">
    ★バナーをクリックして、　　　　　　　リュウを応援してくださるとうれしい　　です↓<br>
    <a href="http://dog.blogmura.com/"><img src="http://dog.blogmura.com/img/dog88_31.gif" width="88" height="31" border="0" alt="にほんブログ村 犬ブログへ" /></a><br> <a href="http://dog.blogmura.com/">にほんブログ村</a><br>
    <a href="http://dog.blogmura.com/pug/"><img src="http://dog.blogmura.com/pug/img/originalimg/0000129914.jpg" width="152" height="52" border="0" alt="にほんブログ村 犬ブログ パグへ" /></a><br> <a href="http://dog.blogmura.com/pug/">にほんブログ村</a>
    </div>
    </div>

    <hatena name="sectioncategory" template="hatena-module">

    <hatena name="section" template="hatena-module" listlimit="5">

    <hatena name="antenna" template="hatena-module">

    <div class="hatena-module">
    <div class="hatena-moduletitle">リンクフリー！</div>
    <div class="hatena-modulebody">
    </span><br><span class="deco" style="color:#CC33CC;">＊</span>下のリンクフリーのバナーの張り付けコードは、<a href="http://d.hatena.ne.jp/hb64226326174d111/about#rinkunituite">こちらです</a>。<br>
    <a href="http://f.hatena.ne.jp/hb64226326174d111/20110907164725"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/h/hb64226326174d111/20110907/20110907164725.jpg" alt="バナー" title="バナー"></a>
    </div>
    </div>

    </div>
    宜しくお願いします！
  • id:windofjuly
    うぃんど 2013/08/26 14:52:52
    スタイルシートは問題ないでしょう（私のダイアリーに一時的に貼り付けて確認しました）

    ソースは長いので、ちゃんと確認していないのですが、
    まず怪しいのが下記の</span>に対応する<span>タグが見当たらないことです。

    </span><br><span class="deco" style="color:#CC33CC;">＊</span>下のリンクフリーのバナーの張り付けコードは、<a href="http://d.hatena.ne.jp/hb64226326174d111/about#rinkunituite">こちらです</a>。<br>

    <span> 何か </span>のペアになってないところがどこかにあると思うので探してみてください。
    （　</span>が不要なところに入ってるはずです。）
  • id:hb64226326174d111
    麻衣＝リュウママ 2013/08/26 15:46:29
    うぃんどさん(id:windofjuly) ＞＞コメント有難うございます＾＾
    スタイルシートは問題ないのですね。
    確認わざわざありがとうございます！

    うーん…、どこに<span>タグ、と</span>タグを入れればいいのでしょうか…。
    あまり詳しくないので…＞＜

    できれば、もう少し詳しく教えてほしいです。
    お手数をおかけし申し訳ございません。

この質問への反応（ブックマークコメント）

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません
ユーザー登録をして使いはじめる!無料
すでに登録されている方はこちらからログイン
この質問に含まれるキーワード
知りたいことを検索してみよう
▲ページトップへ