• 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:
    https://hollywoodvulture.com/?paged=3.
    Appreciate any help, comments and concerns…

Viewing 5 replies - 1 through 5 (of 5 total)
  • 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.

    Thread Starter abouthollywood

    (@abouthollywood)

    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 */

    Thread Starter abouthollywood

    (@abouthollywood)

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

    Thread Starter abouthollywood

    (@abouthollywood)

    Thread Starter abouthollywood

    (@abouthollywood)

    Just found this answer on another post:
    https://www.ads-software.com/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?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Read More tag adds empty space at the bottom of the page!!!’ is closed to new replies.