Sidebars Pushing on Individual Posts When Not Logged In

  • Unknown's avatar
    solipsist30 · Member ·

    Everything on my blog is working fine except when you are not logged in if you view an individual post my sidebars are getting pushed down to the bottom of the page and my footer is messed up. I think it is a simple CSS issue somewhere. Below is my stylesheet:

    /*
    Theme Name: Vertigo Enhanced
    Theme URL: http://www.briangardner.com/themes/vertigo-wordpress-theme.htm
    Description: Vertigo Enhanced is a modern, 3-column Widget-ready theme created for WordPress.
    Author: Brian Gardner
    Author URI: http://www.briangardner.com
    Version: 2.0

    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php

    Changelog:
    v2.0 – 01.29.07
    First Release of Vertigo Enhanced
    */

    body {
    background: #FFFFFF url(images/bg.gif) repeat-x;
    color: #000000;
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
    margin: 0px auto 0px;
    padding: 0px;
    }

    #wrap {
    background: #FFFFFF;
    width: 960px;
    margin: 0px auto 0px;
    padding: 0px;
    }

    /************************************************
    * Hyperlinks *
    ************************************************/

    a, a:visited{
    color: #5D89B1;
    text-decoration: none;
    }

    a:hover {
    text-decoration: underline;
    }

    /************************************************
    * Navbar *
    ************************************************/

    #navbar {
    background: #FFFFFF url(images/header.gif);
    width: 960px;
    height: 160px;
    margin: 0px auto 0px;
    padding: 0px;
    overflow: hidden;
    }

    #navbar img a{
    margin: 0px;
    border: none;
    }

    #navbarleft {
    background: #FFFFFF url(images/logo.gif);
    height: 160px;
    width: 160px;
    float: left;
    margin: 0px;
    padding: 0px;
    }

    #navbarright {
    width: 800px;
    float: right;
    text-align: right;
    margin: 0px;
    padding: 10px 0px 0px 0px;
    }

    #navbarright li {
    display: inline;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }

    #navbarright ul {
    margin: 0px;
    padding: 0px;
    }

    #navbarright a, #navbarright a:visited {
    color: #FFFFFF;
    font-weight: bold;
    margin: 0px;
    padding: 6px 10px 6px 10px;
    text-decoration: none;
    }

    #navbarright a:hover {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
    }

    /************************************************
    * Content *
    ************************************************/

    #content {
    width: 960px;
    margin: 0px auto 0px;
    padding: 0px;
    }

    #content p{
    padding: 0px 0px 15px 0px;
    margin: 0px;
    line-height: 20px;
    }

    #content h1 {
    color: #000000;
    font-size: 22px;
    font-family: Century Gothic, Verdana, Arial, Sans-Serif;
    font-weight: normal;
    margin: 25px 0px 0px 0px;
    padding: 20px 0px 10px 0px;
    border-top: 2px solid #000000;
    }

    #content h1 a {
    color: #000000;
    text-decoration: none;
    }

    #content h1 a:hover {
    color: #990000;
    text-decoration: none;
    }

    #content p img{
    float: left;
    border: none;
    margin-right: 15px;
    margin-bottom: 10px;
    }

    #content h2 {
    color: #000000;
    font-size: 22px;
    font-family: Century Gothic, Verdana, Arial, Sans-Serif;
    font-weight: normal;
    padding: 20px 0px 5px 0px;
    margin: 0px;
    border-bottom: 1px solid #C0C0C0;
    }

    #content h3 {
    color: #000000;
    font-size: 22px;
    font-family: Century Gothic, Verdana, Arial, Sans-Serif;
    font-weight: normal;
    margin: 25px 0px 0px 0px;
    padding: 20px 0px 10px 0px;
    }

    #content img.wp-smiley {
    float: none;
    border: none;
    padding: 0px;
    margin: 0px;
    }

    #content img.wp-wink {
    float: none;
    border: none;
    padding: 0px;
    margin: 0px;
    }

    #contentleft {
    float: left;
    width: 470px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    }

    #contentleft ol{
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 10px 0px;
    }

    #contentleft ol li{
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    }

    #contentleft ul{
    list-style-type: square;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 10px 0px;
    }

    #contentleft ul li{
    list-style-type: square;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    }

    blockquote{
    margin: 0px 25px 10px 25px;
    padding: 0px 25px 0px 10px;
    background: #E8E8E8;
    border-top: 2px solid #000000;
    border-bottom: 1px solid #000000;
    }

    #content blockquote p{
    margin: 0px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
    }

    /************************************************
    * Left Sidebar *
    ************************************************/

    #l_sidebar {
    float: left;
    width: 225px;
    margin: 25px 0px 0px 20px;
    padding: 0px 0px 20px 0px;
    border-top: 2px solid #000000;
    }

    #l_sidebar ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #l_sidebar ul li {
    display: inline;
    padding: 0px;
    margin: 0px;
    }

    #l_sidebar ul li a {
    display: block;
    color: #000000;
    text-decoration: none;
    margin: 0px;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #C0C0C0;
    }

    #l_sidebar ul li a:hover {
    background: #EFEFEF;
    color: #990000;
    }

    #l_sidebar p{
    float: left;
    width: 225px;
    padding: 3px 0px 0px 0px;
    margin: 0px;
    line-height: 20px;
    }

    /************************************************
    * Right Sidebar *
    ************************************************/

    #r_sidebar {
    float: right;
    width: 225px;
    margin: 25px 0px 0px 20px;
    padding: 0px 0px 20px 0px;
    border-top: 2px solid #000000;
    }

    #r_sidebar ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #r_sidebar ul li {
    display: inline;
    padding: 0px;
    margin: 0px;
    }

    #r_sidebar ul li a {
    display: block;
    color: #000000;
    text-decoration: none;
    margin: 0px;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #C0C0C0;
    }

    #r_sidebar ul li a:hover {
    background: #EFEFEF;
    color: #990000;
    }

    #r_sidebar p{
    float: right;
    width: 225px;
    padding: 3px 0px 0px 0px;
    margin: 0px;
    line-height: 20px;
    }

    /************************************************
    * Footer Background *
    ************************************************/

    #footerbg {
    background: #666666;
    }

    /************************************************
    * Footer *
    ************************************************/

    #footer {
    width: 960px;
    height: 400px;
    background: #666666;
    color: #FFFFFF;
    margin: 0px auto 0px;
    text-align: left;
    position: relative;
    line-height: 17px;
    }

    #footer p {
    color: #FFFFFF;
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    }

    #footer h2 {
    color: #FFFFFF;
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    border-bottom: 2px solid #666666;
    padding: 0px 0px 2px 0px;
    margin: 15px 0px 0px 0px;
    text-transform: uppercase;
    }

    #footer h3 {
    color: #FFFFFF;
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    border-bottom: 2px solid #666666;
    padding: 0px 0px 2px 0px;
    margin: 15px 0px 3px 0px;
    text-transform: uppercase;
    }

    #footer a {
    color: #AAAAAA;
    text-decoration: none;
    }

    #footer a:hover {
    color: #FFFFFF;
    text-decoration: none;
    }

    #footer ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    }

    #footer ul li {
    display: inline;
    padding: 0px;
    margin: 0px;
    }

    #footer ul li a {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    margin: 0px;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #3C5B76;
    }

    #footer ul li a:hover {
    background: #336666;
    color: #FFFFFF;
    }

    #footerleft {
    background: #666666;
    float: left;
    width: 225px;
    margin: 0px 20px 0px 0px;
    padding: 0px;
    }

    #footermiddle1 {
    background: #666666;
    float: left;
    width: 225px;
    margin: 0px 20px 0px 0px;
    padding: 0px;
    }

    #footermiddle2 {
    background: #666666;
    float: left;
    width: 225px;
    margin: 0px 20px 0px 0px;
    padding: 0px;
    }

    #footerright {
    background: #666666;
    float: right;
    width: 225px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    }

    /************************************************
    * Search Form *
    ************************************************/

    #searchdiv {
    margin: 0px;
    padding 0px;
    }

    #searchform {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    }

    #s {
    background: #EFEFEF url(images/search.gif);
    color: #333333;
    font-size: 11px;
    font-family: Verdana, Helvetica, Sans-Serif;
    padding: 2px;
    margin: 4px 0px 0px 0px;
    border: 1px solid #C0C0C0;
    }

    #sbutt {
    background: #878787;
    color: #FFFFFF;
    font-size: 11px;
    font-family: Verdana, Helvetica, Sans-Serif;
    padding: 1px;
    margin: 0px 0px 0px 5px;
    border: 1px solid #333333;
    }

    /************************************************
    * Comments *
    ************************************************/

    #commentblock {
    width: 430px;
    background: #E8E8E8;
    color: #000000;
    float: left;
    padding: 20px 20px 10px 20px;
    margin: 10px 0px 0px 0px;
    border-top: 2px solid #000000;
    border-bottom: 1px solid #000000;
    height: 300px;
    }

    #commentblock ol{
    list-style-type: square;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    }

    .commentdate {
    font-size: 12px;
    padding-left: 0px;
    }

    #commentlist li p{
    margin-bottom: 8px;
    line-height: 20px;
    padding: 0px;
    }

    .commentname {
    color: #333333;
    margin: 0px;
    padding: 5px 5px 5px 0px;
    }

    .commentinfo{
    clear: both;
    }

    .commenttext {
    clear: both;
    margin: 3px 0px 10px 0px;
    padding: 20px 10px 5px 10px;
    width: 380px;
    background: #FFFFFF url(images/comment.gif) no-repeat top;
    }

    .commenttext-admin {
    clear: both;
    margin: 3px 0px 10px 0px;
    padding: 20px 10px 5px 10px;
    width: 380px;
    background: #FFFFFF url(images/comment.gif) no-repeat top;
    }

    #commentsformheader{
    padding-left: 0px;
    }

    #commentsform{
    text-align: center;
    margin: 0px;
    padding: 0px;
    }

    #commentsform form{
    text-align: left;
    margin: 0px;
    }

    #commentsform p{
    margin: 0px;
    }

    #commentsform form textarea{
    width: 99%;
    }

    p.comments_link img{
    margin: 0px;
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    }

    Can someone help me????

  • Unknown's avatar
    ellaella · Member ·

    Hi, there. You’re in the wrong forum. You need to be at http://wordpress.org/support

  • The topic ‘Sidebars Pushing on Individual Posts When Not Logged In’ is closed to new replies.