Support » Themes and Templates » Problems with CSS

  • I want to include a section at the bottom of my page in the middle of the three columns that includes my asides and my recent posts. I added the following to the index.php file at the end, where I suspected that it should go.
    <div class="body">
    <div class="PS">
    <?php fquick_get(); ?>
    </div>

    <div class="PS2">
    <?php the_recent_posts(); ?>
    </div>
    </div>

    I also added the following CSS to my stylesheet:
    /* PostScript Section */
    #PS {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px 2% 10px 2%;
    margin: 0px;
    border: 0px;
    background: #666;
    width: 50%; /* ie5win fudge begins */
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 46%;
    }
    html>body #PS {
    width: 46%; /* ie5win fudge ends */
    }
    #PS2 {
    position: absolute;
    top: 0px;
    right: 0px; /* Opera5.02 will show a
    space at right when there is no scroll bar */
    padding: 10px 2% 10px 2%;
    margin: 0px;
    border: 0px;
    background: #666;
    width: 50%; /* ie5win fudge begins */
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 46%;
    }
    html>body #PS2 {
    width: 46%; /* ie5win fudge ends */
    }
    /* Opera5.02 shows a 2px gap between.
    N6.01Win sometimes does. Depends on amount
    of fill and window size and wind direction. */

    Yet, it appears unstylized and everywhere on the bottom of the page, not in the middle like I wanted it to be.
    Any help is greatly appreciated. You can see the problem at loganleger.com

Viewing 1 replies (of 1 total)
  • two things I see off the bat is you have a class called body. That might be confusing your style sheet with Body.
    Second, you are calling the first PS a class, however in the stylesheet you are using the symbol for a div, #. Therefore your stylesheet isn’t loading the style.
    Also, moving to Themes and Templates.

Viewing 1 replies (of 1 total)
  • The topic ‘Problems with CSS’ is closed to new replies.