Borders do not extend when scrolling down

  • Author
  • #522961


    I’m trying to figure out how to get the vertical borders flanking the main column to span the entire length of the page when scrolling down. On the Contact page,
    the borders get cut off above the footer bar. Is there a way to resolve this so that they extend? Below is the code I’ve used to insert the borders: {
    border-left:6px solid #d8d8d8;
    border-right:6px solid#d8d8d8;

    The blog I need help with is


    Change the first line to:

    #page {



    Thanks, I think that helped but how do I offset them on either side of the main column? Right now, they’re a bit too close to the tabs and text…

    The borders are no longer cut off on the Contact page but they are a lot shorter on the main page – will they be a normal length once I start adding posts?


    First thing you have to do is change the margin-left and margin-right to auto instead of 300px otherwise anyone with a lower resolution monitor is going to have to scroll horizontally to view your page, and that is #3 out of the top 10 things people dislike on the web.

    You seemed to have gotten the padding on left and right taken care of.


    On the borders, about all you can do is to set a bottom border. I remember seeing a link once to a CSS solution to “stick” the footer always to the bottom of the page on shorter pages, but I can’t find it. Also, it was a solution for a Joomla template, and it might not have worked here with wordpress themes.

The topic ‘Borders do not extend when scrolling down’ is closed to new replies.