サポート » 使い方全般 » 投稿記事を囲むborderが1366×768画面だとはみ出る

  • 投稿記事をborderで囲んで表示させています。
    `
    <div class=”box”>
    <?php if(have_posts()): ?>
    <dl>
    <?php while(have_posts()): the_post(); ?>
    <dt><?php the_time(‘Y/m/d’); ?></dt>
    <?php
    $cats=get_the_category();
    $cats=$cats[0];
    ?>
    <dd class=”<?php echo $cats->category_nicename; ?>”>
    <a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a><?php the_excerpt(); ?></dd>
    <?php endwhile; ?>
    </dl>
    <?php endif; ?>
    </div>
    `
    ▼CSS
    `
    .box {
    margin-bottom: 15px;
    padding: 12px 13px;
    border: 1px solid #b1b1b1;
    background: #fff;
    }
    .box:after {
    display: block;
    clear: both;
    height: 0;
    content:””;
    }
    `
    1024×768のディスプレイで表示しているときは、borderが最後の投稿記事までを囲んでいてボックスの中に全投稿記事が収まるのですが、1366×768のディスプレイで表示すると、最後の投稿記事1件分がボックスからはみ出ます。(完全にはみ出るのではなく、最後の投稿記事の文字、上から2割くらいの個所でborderが引かれてしまっている状態です)

    どのように直したらよいのでしょうか。周りに相談者もおらず、Web上で私なりに検索をしてみたのですが解決できず、初心者なので大変困っております。是非よろしくお願いします。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • kuupiさん、こんにちは。

    WordPressの問題ではなく、cssの問題な気がしますね。

    dl、dt、dd、のcssがどうなっているのかわかりませんが、
    dl に対しても clearfix してみてはどうでしょうか?

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「投稿記事を囲むborderが1366×768画面だとはみ出る」には新たに返信することはできません。