Right Sidebar Moving to Bottom

  • Hi,

    My right sidebar keeps moving to the bottom of the page. tried loads of different themes, still the same.

    Any ideas?

    I’m using version 2.7.

    https://www.recessionslayer.co.uk/blog

    CSS as follows:

    /*
    Theme Name: CognoBlue
    Theme URL: https://www.blogsdna.com/cognoblue-wordpress-theme
    Description: Three column, Search Engine Optimized, Widget Ready, Adsense optimized,Adsense Friendly, Supporting tags & Gravatars, Lightweight WordPress v2.7 Compatible Professional WordPress Theme from BlogsDNA.
    Author: blogsdna
    Author URI: https://www.blogsdna.com
    Version: 1.0
    The CSS, XHTML and Design is released under GPL:
    https://www.opensource.org/licenses/gpl-license.php
    Tags: blue, widget ready, fixed width, three columns, 3 colums, widgets, adsense, seo, adsense ready, custom header, gravatar support, sidebar left, sidebar right, widget sidebar, seo adsense, XHTML, blue theme
    */

    /* reset
    ————————————————–*/
    body,h1,h2,h3,h4,h5,h6,p,form,hr {margin:0;padding:0;}
    .low {display:none;}
    .clear {clear:both;}

    hr {
    border:1px solid #333333;
    }

    /* body
    ————————————————–*/
    body {
    color:#464646; /*#333;*/
    background:#666666;
    margin:0;
    padding:0 0;
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size:75%;
    line-height:1.8em;
    text-align:center;
    }

    /* headings
    ————————————————–*/

    h1 {color:#14568A; font-family:Georgia,Arial,Helvetica,sans-serif;}
    h1 a {color:#14568A;}
    h2 {
    color:#14568A;
    font-weight: normal;
    font-family: Georgia, Arial, Helvetica, sans-serif;
    line-height:1.2em;
    font-size:1.6em;
    }
    h2 a {color:#14568A; font-weight: normal ; text-decoration:none !important; border-bottom: #ccc 0px solid !important;}
    h2 a:hover { color:#CC0000; text-decoration:none;}
    h4 {
    font-family: Georgia, Arial, Helvetica, sans-serif;
    color: #14568A;
    font-weight: normal;
    margin: 7px 0 7px 0px;
    font-size:1.5em;
    line-height:1.5em;
    padding:5px 0;
    }
    h3 a, h4 a
    {color:#14568A; font-weight: normal;}
    h3 a:hover,h4 a:hover
    {color:#CC0000; text-decoration:none;}

    a {color:#14568A; text-decoration:none;}
    a img {border:0 !important; }
    a:hover {color: #CC0000; text-decoration:none;}

    /* links
    ————————————————–*/
    .entry a {text-decoration:underline;}

    .entry img a {
    border-bottom: 0px dotted #ccc !important;
    text-decoration:none;
    }

    .entry p {padding: 0 0 15px;}

    .entry a:hover {color: #003AAA; text-decoration:underline;}

    img a {border-bottom: #ccc 0px solid !important;}

    a.commentlink {padding-left:0px;}

    .entry .filedunderindex a {
    text-decoration:none !important;
    border-bottom: #ccc 0px solid !important;
    }
    .entry .filedunderindex a:hover {
    text-decoration:underline;
    color: #C22463;
    }

    small {
    font-family: verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    color: #666;
    padding: 5px 0;
    }

    small a {
    color: #999;
    text-decoration:underline;
    }

    /* topbar
    ————————————————*/

    #topbar {
    font-family: verdana,Arial, Helvetica, Sans-Serif;
    font-size: 1em ;
    font-weight:Bold;
    line-height: 1.3em;
    background: #14568A;
    margin: 0 0 0 0;
    color: #333333;
    }
    #topbar a,a:hover {
    color: #fff;
    text-decoration:none;
    }
    #topbar ul {
    padding-bottom:7px;
    padding-top:7px;
    margin:0 0 0 10px;
    }
    #topbar ul ul{display:inline;}
    #topbar ul li {
    list-style-type:none;
    display:inline;
    }
    #topbar li {
    padding-left:10px;
    padding-right:10px;
    }

    /* images
    ————————————————–*/
    img.left {
    float:left;
    margin:0 12px 0 0;
    }

    img.right {
    float:right;
    margin:0 0 0 12px;
    }

    img.center {
    display: block;
    margin:0 auto;
    }

    /* paragraphs, lists, blockquote etc
    ————————————————–*/
    pre, code {
    font: 1.1em ‘Courier New’, Courier, Fixed;
    }

    kbr {color:#009193;}

    p {
    margin:0;
    padding:0 0 18px 0;
    }

    ul {
    margin:0 0 0 1.4em;
    padding:0 0 10px 0;
    }

    ul ul {padding:0;}

    /*blockquote {
    margin:0;
    border-bottom:1px solid #14568A;
    border-left:4px solid #14568A;
    border-right:1px solid #14568A;
    border-Top:1px solid #14568A;
    padding-bottom:3px;
    padding-left:4px;
    padding-right:3px;
    padding-top:3px;
    font-style:italic;
    color: #333;
    overflow:hidden;
    } */

    blockquote {
    background:#F4F5F7 url(images/blockquote.gif) no-repeat;
    border:1px dashed #CCCCCC;
    margin:5px 0pt;
    padding:8px 12px 8px 36px;
    }

    pre {
    overflow:auto;
    margin:0 0 18px 0;
    padding:4px;
    border:1px dashed #CCCCCC;
    }

    pre, code, kbr {font-family: Courier, Monaco, monospace;}

    code, kbr {padding:0 2px;}

    abbr, acronym {
    font-size:0.9em;
    letter-spacing:1px;
    cursor:help;
    }

    #top {background:url(images/top.gif) no-repeat;
    padding-left:16px;}

    #s {background:url(images/search.gif) no-repeat;
    padding-left:18px;}

    /* Next post link
    —————————————————*/
    .nextright {
    float: right;
    font-size:0.9em;
    }

    .nextleft {
    float: left;
    font-size:0.9em;
    }

    /* container
    ————————————————–*/
    #container {
    padding-top:0;
    background: #fff;
    width:980px;
    margin: 0px auto;
    padding: 0px;
    text-align:left;
    margin-top:25px;
    margin-bottom:25px;
    overflow:hidden;
    }

    #commentspopup #container {
    width:455px;
    padding:0 15px;
    }

    /* header
    ————————————————–*/
    #header {
    background:url(images/header-bg.gif);
    color: white;
    height:120px;
    padding: 10px 10px 10px 10px;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    border:1px solid #DDDDDD;
    overflow:hidden;
    text-align:center;
    }
    .singlecol #content a {
    font-weight: normal;
    }

    #header a,a:hover {text-decoration:none;color:white;}
    #header small {color:white;}
    #header h1 {color:white; margin:10px; }

    /* navigation
    ————————————————–*/
    #navigation {
    background:#F2F2F2;
    width:958px;
    border:1px solid #DDDDDD;
    height:32px;
    }
    #navigation a {
    color:#003AAA;
    font-weight: bold;
    text-decoration:none;
    }
    #navigation .selected,
    #navigation a:hover
    {color:#000;}
    #navigation li a:hover {
    background:#000000;
    color:white;
    }

    #navigation {
    line-height:2.5em;
    padding: 0 0;
    margin: 0 auto;
    }

    #navigation a {
    padding:0 0px;
    font-size:0.9em;
    text-transform:uppercase;
    }

    #navigation ul {
    margin:0;
    padding:0;
    }

    #navigation li {
    float:left;
    margin:0;
    padding:0;
    list-style-type:none;
    border:1px solid #fff;
    white-space:nowrap;
    }

    #navigation li a {
    display:block;
    padding:0 10px;
    font-size:0.9em;
    text-transform:uppercase;
    }

    /* Post Title
    ————————————————–*/
    .post-title {
    border-bottom:1px dotted #14568A;
    display:block;
    font-family:Georgia,serif;
    font-size:1.7em !important;
    line-height:1.2em;
    margin:10px 0px 5px 0px !important;
    padding:5px 0pt;
    }

    /* content
    ————————————————–*/
    #content {
    float:left;
    width:540px;
    margin-top:10px;
    padding-right:10px;
    padding-left:10px;
    margin-bottom:20px;
    background: #fff;
    font-size:1em;
    display:inline;
    overflow:hidden;
    }
    #content h1 {
    color:#333333;
    font-weight: normal;
    font-family: Georgia, Arial, Helvetica, sans-serif;
    line-height:1.4em;
    margin:0 0 8px 0;
    font-size:1.5em;
    }
    #content a {color:#14568A; text-decoration:none;}
    #content a:hover{color:#CC0000; text-decoration:none;}

    #content h2 {
    color:#333333;
    font-weight: normal;
    font-family: Georgia, Arial, Helvetica, sans-serif;
    line-height:1.4em;
    margin:0 0 8px 0 ;
    font-size:1.5em;
    }

    #content h1 a,h2 a, h3 a, h4 a {font-weight: normal;}
    #content h3 {
    margin: 10px 0 18px 0;
    font-size:1.3em;
    font-weight:bold;
    font-family: Georgia,Arial,Helvetica,sans-serif;
    margin:0 0 8px 0;
    line-height:1.4em;
    color:#333333;
    }
    #content h4 {
    margin: 10px 0 18px 0;
    font-size:1.1em;
    font-weight:bold;
    font-family: Georgia,Arial,Helvetica,sans-serif;
    margin:0 0 8px 0;
    line-height:1.4em;
    color:#333333;
    }
    #content h5 {
    margin: 10px 0 18px 0;
    font-size:1em;

    font-weight:bold;
    font-family: Georgia,Arial,Helvetica,sans-serif;
    margin:0 0 8px 0;
    line-height:1.4em;
    color:#333333;
    }
    #content h6 {
    margin: 10px 0 18px 0;
    font-size:0.8em;
    font-weight:bold;
    font-family: Georgia,Arial,Helvetica,sans-serif;
    margin:0 0 8px 0;
    line-height:1.4em;
    color:#333333;
    }
    #content ol {margin-top:5px;margin-bottom:5px;}

    #content.archive h2 {margin:0 0 8px 0;}
    #content.archive h3 {
    margin:0 0 10px 0;
    font-family:Georgia, serif;
    font-size:1.3em;
    font-weight:normal;
    }
    #content.archive h4 {
    margin:0 0 18px 0;
    font-size:1em;
    }
    #content.archive h5 {
    margin:0;
    font-size:1em;
    }
    .singlecol #content {
    float:left;
    width:470px;
    }

    #commentspopup #content {
    float:none;
    padding-top:0;
    }

    /* Post_nav post navigation on index post
    —————————————————-*/
    #post_nav {border-top:1px solid #14568A;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    margin:15px 0pt 25px;
    padding:5px 0pt;
    overflow:hidden;
    }
    #post_nav .back {
    display:block;
    float:left;
    width:45%;
    }

    #post_nav .fwrd {
    display:block;
    float:right;
    }

    /* single_Post_nav post navigation on single post
    —————————————————-*/
    #single_post_nav {border-top:1px solid #14568A;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    margin:15px 0pt 25px;
    padding:5px 0pt;
    }
    #single_post_nav .back {
    display:block;
    }

    #single_post_nav .fwrd {
    display:block;
    }

    /* Entry
    ————————————————–*/
    #content li
    {margin-bottom: 3px;}

    .entry a.more {
    padding-left:12px;
    }

    .contenttitle {
    color:#C22463;
    font-weight: normal;
    font-family: georgia, serif;
    line-height:1.2em;
    margin:0 0 5px 0;
    font-size:1.9em;
    padding: 5px;
    background: #f9f9f9;
    border-bottom: 2px #f3f3f3 solid;
    border-top: 2px #f3f3f3 solid;
    }

    .entry {margin:0 0 7px 0;}

    .entry .info {
    position:relative;
    margin-top:-3px;
    padding:3px;
    font-size:0.9em;
    }

    .entry.single {clear:both;}

    .entry.single .info {margin:0 0 22px 0;}

    .entry .info a {
    margin: 0 2px;
    padding: 0 2px;
    }

    .entry .info em {
    padding-right:6px;
    font-style:normal;
    }

    .entry .author,
    .entry .editlink a {
    margin:0;
    padding:0 0 0 10px;
    border-left:1px solid;
    border-right:none
    }

    /* POST META
    —————————————————*/
    #postmeta{
    text-transform:uppercase;
    color:#999999;
    font-family:arial;
    font-size:0.8em;
    margin-bottom:5px;
    overflow:hidden;
    margin-top:5px;
    }
    #postmeta a,a:visited{color:#003366;}
    #postmeta a:hover {color:#CC0000;}
    .postmetabox {border:1px solid #DDDDDD; padding:3px;}

    /* edit link style code
    —————————————————*/
    #elink {color:#cc0000;
    font-size:bold;}

    /* Comments Display Style Code
    ————————————————–*/
    #comments{
    font-family:verdana;
    margin-top:15px;
    }
    /*Readers Comment Title*/
    #comments h4 { font-size:1.4em !important;
    text-transform:none;
    border-bottom:1px solid #DDDDDD;
    margin:0;
    padding:0;
    font-weight:bold;
    font-family:Georgia,Arial,Helvetica,sans-serif;
    }
    .comment {margin:0px;
    margin-top:8px;
    margin-bottom:15px;
    padding:0px;
    width:540px;
    overflow:hidden;
    }

    #comments .comment .ucomment p {margin:0px !important;
    padding:0px;}

    .ucomment {margin:0px;
    padding:0px;
    border-bottom:1px solid #DDDDDD;
    }
    #comments .comment .ucomment p {margin:0px !important;
    padding:0px;}
    .mcomment {margin:0px;
    padding:0px;
    border-bottom:1px solid #DDDDDD;
    background:#F4F7FC;
    }
    #comments .comment .mcomment p {margin:0px !important;
    padding:0px;}

    .tcomment {margin:0px;
    padding:0px;
    /*border-bottom:1px solid #DDDDDD;*/
    /*background:#F4F7FC;*/
    }
    #comments .comment .tcomment p {margin:0px !important;
    padding:0px;}

    .ucomment_meta {margin:0px;
    padding:0px;
    font-family:arial;
    font-size:0.8em;
    /*border-top:1px solid #DDDDDD;*/
    text-transform:uppercase;
    color:#999999;
    display:inline;
    }
    .ucomment_meta_dt {margin:0px;
    padding:0px;
    font-family:arial;
    font-size:0.8em;
    /*border-top:1px solid #DDDDDD;*/
    text-transform:uppercase;
    color:#999999;
    display:inline;
    width:10px;
    }
    .avatar img {float:left;}

    /* AddComment Comment Adding Form Style code
    ————————————————–*/
    #addcomment { margin-top:15px;
    border:1px solid #CCCCCC;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:0px;
    /* margin: 10px; Commented for IE fix*/
    font-size:0.9em;
    background:#F4F7FC;
    font:verdana,Arial, Helvetica, Sans-Serif;
    width:488px;
    }
    #addcomment h4 { font-size:1.4em !important;
    text-transform:none;
    margin:0;
    padding:0;
    font-weight:bold;
    font-family:Georgia,Arial,Helvetica,sans-serif;
    }
    #addcomment p {margin:0px;
    padding:0px;
    padding-bottom:5px;
    padding-top:5px;}

    .form-item { width:170px;
    float:left;
    }
    #addcomment input {width:150px; margin:0px; padding:4px; height:16px;}

    #addcomment textarea {width:470px;
    font:verdana,Arial, Helvetica, Sans-Serif;
    font-size:14px;
    margin-top:5px;
    margin-bottom:5px;
    height:190px;
    padding:5px;}

    #addcomment #comment-name {
    display:block;
    }

    #addcomment .desc {color:#999999;
    font-size:0.8em;
    text-transform:capitalize;
    font:verdana,Arial, Helvetica, Sans-Serif !important;
    width:180px;
    }
    #addcomment input#submit { background-color:#4F8ACE;
    border-color:#93BFEE rgb(50, 92, 142) rgb(50, 92, 142) rgb(147, 191, 238);
    border-style:solid;
    border-width:1px;
    color:#FFFFFF;
    font-family:arial,sans-serif;
    font-size:11px;
    font-weight:bold;
    padding:2px;
    width:110px;
    }

    div.search input#searchbtn, input#comment-submit, input#searchsubmit {
    background-color:#4F8ACE;
    border-color:#93BFEE rgb(50, 92, 142) rgb(50, 92, 142) rgb(147, 191, 238);
    border-style:solid;
    border-width:1px;
    color:#FFFFFF;
    font-family:arial,sans-serif;
    font-size:13px;
    font-weight:bold;
    padding:2px;
    height:25px;
    margin-top:5px;
    margin-bottom:5px;
    }
    .nocomments {font-weight:bold;
    color:#003366;}

    /* content misc
    ————————————————–*/
    /*#entrynavigation {border-color:#F3F4F4;}

    .editlink {
    position:absolute;
    height:14px;
    width:14px;
    right:2px;
    }

    .next a {float:right;}
    .previous a {float:left;}*/

    html>body .editlink {bottom:6px;}
    .entry .info .editlink a,
    .minientry .editlink a,
    #comments li .editlink a {
    display:block;
    height:14px;
    width:14px;
    margin:0;
    padding:0;
    border:none;
    font-size:1px; /* IEWin */
    line-height:0; /* IEWin */
    text-indent:-9999px;
    }
    .entry .info .editlink a:hover,
    .minientry .editlink a:hover,
    #comments li .editlink a:hover
    {background:none;}

    /* footer
    ————————————————–*/
    #footer {
    color:#666;
    font-weight:normal;
    background: #fff;
    clear:both;
    padding: 20px 10px 5px 10px;
    font-size:0.9em;
    text-align:center;
    }

    #footer a {
    color: #0066cc;
    text-decoration:none;
    }
    #footer strong {font-weight:normal;}
    #footer a:hover {
    color: #000;
    }

    #footer p {
    padding: 5px 10px 10px 0px;
    text-align: center;
    line-height: 2em;
    }

    .alignright {float:right;}

    /* Sidebar Properties
    —————————————————*/
    .sidebar {font:1em;
    color:#464646;
    overflow:auto;}
    .sidebar h1 {
    color:#003366;

    font-weight: bold;
    font-family: Georgia, Arial, Helvetica, sans-serif;
    line-height:1.4em;
    margin:0 0 8px 0;
    font-size:1.5em;
    }
    .sidebar a,a:hover,a:visited{color:#14568A; text-decoration:none;}

    .sidebar h2 {
    color:#003366;
    font-weight: bold;
    font-family: Georgia, Arial, Helvetica, sans-serif;
    line-height:1.4em;
    margin:0 0 8px 0 ;
    font-size:1.5em;
    }
    .sidebar h3 {
    margin: 10px 0 18px 0;
    font-size:1.3em;
    font-weight:bold;
    font-family: Georgia,Arial,Helvetica,sans-serif;
    margin:0 0 8px 0;
    line-height:1.4em;
    color:#003366;
    }
    .sidebar h4 {
    margin:2px;
    padding:0px;
    font-size:1.2em;
    font-weight:bold;
    font-family: Georgia,Arial,Helvetica,sans-serif;
    line-height:1.4em;
    color:#003366;
    }

    #sidebar_l<.sidebar_box h4 a,h1 a,h2 a, h3 a {font-weight:bold;}

    .sidebar h5 {
    margin: 10px 0 18px 0;
    font-size:1em;
    font-weight:bold;
    font-family: Georgia,Arial,Helvetica,sans-serif;
    margin:0 0 8px 0;
    line-height:1.4em;
    color:#003366;
    }
    .sidebar h6 {
    margin: 10px 0 18px 0;
    font-size:0.8em;
    font-weight:bold;
    font-family: Georgia,Arial,Helvetica,sans-serif;
    margin:0 0 8px 0;
    line-height:1.4em;
    color:#003366;
    }
    .sidebar_box{
    background:#F6F6F6 none repeat scroll 0% 50%;
    border:1px solid #DDDDDD;
    margin-top:5px;
    margin-bottom:10px;
    padding-left:14px;
    padding-right:5px;
    padding-top:10px;
    padding-bottom:10px;
    position:relative;
    overflow:hidden;
    }

    .sidebar ul li {
    list-style-type:decimal;
    }
    .sidebar li {
    line-height:1.4em;
    padding:3px 0pt;
    }

    /* left sidebar
    ————————————————–*/
    #sidebar_l {
    /*float:left;*/
    width:200px;
    border:solid 0px;
    margin-left:10px;
    font-size:0.9em;
    }

    /* right sidebar
    ————————————————–*/
    #sidebar_r {
    float:right;
    width:200px;
    border:solid 0px;
    margin-right:10px;
    font-size:0.9em;
    overflow:auto;
    }

    /* WordPress Widget Related CSS Code
    ————————————————–*/
    #wp-calendar {
    /*border: 1px solid #ddd;*/
    empty-cells: show;
    font-size: 0.9em;
    margin: 0;
    width: 90%;
    }

    #wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }

    #wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }

    #wp-calendar a {
    display: block;
    text-decoration: none;
    font-weight:bold;
    }

    #wp-calendar a:hover {
    /* background: #e0e6e0; */
    background:white;
    color: #333;
    }

    #wp-calendar caption {
    color: #14568A;
    text-align: center;
    font-weight:bold;
    font-size:1.2em;
    }

    #wp-calendar td {
    /* color: #ccc;*/
    font: normal 12px ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
    letter-spacing: normal;
    padding: 2px 0;
    text-align: center;
    }

    #wp-calendar td.pad:hover {
    background: #fff;
    }

    #wp-calendar td:hover, #wp-calendar #today {
    background: #eee;
    color:#003366;
    }

    #wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }

    /* Captions & aligment */
    .aligncenter,
    div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .alignleft {
    float: left;
    }

    .alignright {
    float: right;
    }

    .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }
    /* End captions & aligment */

    Reall appreciate an help — it’s is driving me stark staring loopy!

Viewing 16 replies (of 16 total)
Viewing 16 replies (of 16 total)
  • The topic ‘Right Sidebar Moving to Bottom’ is closed to new replies.