jquery.tile.js　が効かない

  • tofu_to

    (@tofu_to)


    12年、 3ヶ月前

    こんにちは。
    オリジナルテーマを作成中です。

    サイドバーとコンテンツの要素の高さを揃えるため　jquery.tile.js　を使用しています。
    HTMLでは問題なく高さが揃うのですがwpではサイドバーの高さを認識できないのか、コンテンツの高さが短いとサイドバーが切れてしまいます。

    目標イメージのサイト▼
    http://www.kuraray-trading.co.jp/news/

    ちなみに、sidebar.php　の記述は以下の通り。年別アーカイブのみを表示します。

    <!--side-->
<div id="side" class="bar">
<dl>
<dt>お知らせ</dt>
<dd><?php wp_get_archives('type=yearly'); ?></dd>
</dl>
<!--/side--></div>

    マウスオーバー時の設定は効いており要素は残っているのですが、なぜかサイドバーの高さとして反映されません。

    つたない文章で恐縮ですが、ご教示いただけると幸いです。
    どうぞ、よろしくお願いいたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック投稿者 tofu_to

    (@tofu_to)

    12年、 3ヶ月前

    自力でなんとか解決しましたので一応、ご報告。
    問題は　jquery.tile.js　ではなく、

    <ul></ul>

    で囲ってなかったことでした。
    （これは初歩的な問題でしょうか？）

    きれいなコードではないのですが、、、以下のように改善。

    <!--side-->
<div id="side" class="bar">

<dl>
<dt>お知らせ</dt>
</dl>
<ul>
<?php wp_get_archives('type=yearly'); ?>
</ul>

<!--/side--></div>

    ご指摘などあれば、いただきたいです。
    よろしくお願いいたします。

    gatespace

    (@gatespace)

    12年、 3ヶ月前

    wp_get_archives
    デフォルトで 各リンクは <li>で囲まれます

2件の返信を表示中 - 1 - 2件目 (全2件中)

トピック「jquery.tile.js　が効かない」には新たに返信することはできません。