WordPress.org

Ready to get started?Download WordPress

Forums

Read More tag adds empty space at the bottom of the page!!! (6 posts)

  1. AboutHollywood
    Member
    Posted 5 years ago #

    I cannot get to the bottom of this glitch, so I thought I would post it here to see if anyone can help. For certain posts, inserting the more tag creates white space just above the footer at the bottom of the page. When I get rid of the more tag this white space disappears. This white space also appears on the archived pages. Here is link to a page on my site so you can see what I mean:
    http://hollywoodvulture.com/?paged=3.
    Appreciate any help, comments and concerns...

  2. Mark / t31os
    Moderator
    Posted 5 years ago #

    Maybe because the sidebar is longer then the total height of the content area?

    If you're referring to the space between the content and the footer.

  3. AboutHollywood
    Member
    Posted 5 years ago #

    Right, yeah, I am referring to the space above the footer. Not sure whether it's related to the height of the sidebar though, because it seems to be triggered by inserting the read more tag in some posts. So I'm a little perplexed, because the behavior isn't consistent. The index.php and CSS code relating to the more link are posted below:

    index.php:

    </div>
    <div class="content">
    <?php the_content(__('...Read more', 'inove')); ?>
    <div class="fixed"></div>
    </div>
    <div class="under">
    <?php if ($options['categories']) : ?><span class="categories"><?php _e('Categories: ', 'inove'); ?></span><span><?php the_category(', '); ?></span><?php endif; ?>
    <?php if ($options['tags']) : ?><span class="tags"><?php _e('Tags: ', 'inove'); ?></span><span><?php the_tags('', ', ', ''); ?></span><?php endif; ?>
    </div>
    </div>
    <?php endwhile; ?>

    CSS:
    }
    .more-link {
    font-size:15px;
    color:#201f86;
    font-weight: bold;
    text-decoration: underline;
    }
    .alignleft {
    float:left;
    text-align:left;
    margin-right:10px;
    }
    .alignright {
    float:right;
    text-align:right;
    margin-left:10px;
    }
    .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .floatleft {
    float:left;
    }
    .floatright {
    float:right;
    }
    .left {
    float:left;
    margin-right:10px;
    }
    .right {
    float:right;
    margin-left:10px;
    }
    .fixed, .clear {
    clear:both;
    }
    input.textfield,
    textarea {
    background:#FFF url(img/textfield.gif) top repeat-x;
    border:1px solid #A6A6A6;
    padding:2px 1px;
    font-size:12px;
    }
    .boxcaption {
    background:#E3E4E6 url(img/box.gif) 0 0 no-repeat;
    padding:6px 12px;
    border-bottom:1px solid #CCC;
    }
    .boxcaption h3 {
    font-size:10px;
    font-family:Verdana,"BitStream vera Sans";
    letter-spacing:0em;
    }
    .box {
    background:#F4F5F7 url(img/box.gif) 100% 100% no-repeat;
    padding:8px 12px;
    margin-bottom:10px;
    }
    .messagebox,
    .errorbox {
    background:#EDEFF0 url(img/messagebox.gif) no-repeat;
    padding:0 12px;
    height:27px;
    line-height:27px;
    font-size:11px;
    }
    .w3c {
    color:#080;
    font-size:10px;
    }
    /* static END */

    /* layout START */
    #wrap {
    background:url(img/light.gif) center top no-repeat;
    padding:20px 0;
    }
    #container {
    margin:0 auto;
    width:936px;
    }
    /* layout END */

    /* header START */

  4. AboutHollywood
    Member
    Posted 5 years ago #

    On the main page, http://hollywoodvulture.com/, you can see how its supposed to work.

  5. AboutHollywood
    Member
    Posted 5 years ago #


  6. AboutHollywood
    Member
    Posted 5 years ago #

    Just found this answer on another post:
    http://wordpress.org/support/topic/239761?replies=3
    Excerpt:
    "It's not the read more, it's the css that's pushing your center content below the height of your sidebars."

    My question now would be how I would I go about fixing that?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.