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

    サイドバーとコンテンツの要素の高さを揃えるため 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)

    自力でなんとか解決しましたので一応、ご報告。
    問題は 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)

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

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「jquery.tile.js が効かない」には新たに返信することはできません。