注目タグ

テンプレート・プラグイン

トピック詳細

grayのテンプレ-トの左カラムだけ左上に離れて表示されるのを修正し、元に戻したい

 
初めて投稿させていただきます。

 自分のブログ(gray テンプレ-ト)をいじっていたら、左カラムだけ左上

に離れて表示される様になってしまい、色々とやってみたのですが自分の技量

ではレイアウトを元に戻せませんでした。

どなたか、HTML又はCSSのおかしな箇所を指摘していただけないでしょうか?

よろしくお願いします。


http://adultclub69g.blog.fc2.com/ 

2014年11月19日 10:18  by 

コメント一覧 3件中、1~3件表示

  • 自分の借りているタグチェッカーは
    表示したウェブページ上で使うブックマークタイプなので
    ブログページのHTMLソースを表示して見比べてもらった方がいいと思います。

    自分がタグチェックした結果をそのままコピペしたものを
    テキストファイルとして添付 しますので、確認してみてください。
    △ここにリンク張ってます△
    日本語部分は文字化けしますが、タグは化けないので、参照してもらえると思います。

    (<div>と対応していない</div>が82・105・137・188・192・193・134 5・1347・2214 の各行にあるようです)
    (新しく付け加えた</div>は削除しておいてください)

    「(××行目) </div> : 開きタグがありません」というのは
    この</div>に対応する<div>が前の方にあるはずなのに存在しませんよ~の意味なので追加し ないといけないのは<div>です。

    ただ
    どこに追加すべきかは
    自分にもなかなか判りません><

    余計な</div>を削るだけなら簡単なのですが
    本当に大切な<div>には大抵クラス名かIDがついていて。
    (<div class="*****">,<div id="***** ">)<<こういうのですね。
    それらがないとスタイルが適用されないため、おかしな表示になってしまいます^^;

    つまり
    大切な<div id="*****">をうっかり削除したために不具合が起きているなら
    *****部分の名前を突き止めて、それも復元しないと元には戻らないということです。

    「テンプレート構造解析」のプラグインをダウンロードして「divを明示化」すると
    divの入れ子構造を判りやすく見せてくれるので、解明の一助になると思います。

     
    △こんな表示になります△

    2014年11月21日 09:24 by 標野ゆき


  •  標野ゆき 様

    ご親切にご指摘いただきまして有難うございました。

    早速、185,189,190行目に </div>を追加し、一部分は修正できました。

    ですが、HTMLを上から数えて行くと無記入の行を含めても800行しかありません。

    1342,1344,2210行はどこを指すのか

    教えていただけないでしょうか? 

    (現在の所、左カラムが離れたままになっています。)

    2014年11月21日 01:12 by

  • タグチェックの結果です。
    (185行目) </div> : 開きタグがありません
    (189行目) </div> : 開きタグがありません
    (190行目) </div> : 開きタグがありません
    (1342行目) </div> : 開きタグがありません
    (1344行目) </div> : 開きタグがありません
    (2210行目) </div> : 開きタグがありません

    タグチェッカーは数が合わないことは教えてくれますが
    どこが落ちたのかは教えてくれないので、こんなにたくさん落ちていたら
    なかなか第三者には判らないのではないかと思います。

    2014年11月19日 18:54 by 標野ゆき