Can someone answer this ..

Discussion in 'HTML & Website Design' started by adamk, Mar 18, 2008.

  1. #1
    I can't for the life of me get the post-content to wrap to the right of my top adsense square unit. I've added float:left; div tags to the adsense unit with no luck. I think it has to do with the post-content css having a float:left; div too. But when I remove float:left; from post-content the content doesn't sit right. Any help?

    The actual site is here

    Here is a snippet from my single.php:
    Here is my part of my style.css:


    #top-content {
    margin: 0px;
    width: 925px;
    float: left;
    background: url(images/top-content.gif) no-repeat top;
    padding-right: 35px;
    padding-left: 35px;
    padding-top: 10px;
    position: relative;
    }
    #top-content #top-ads {
    text-align: center;
    margin: 0px;
    padding: 0px 0px 5px;
    float: left;
    width: 925px;
    }

    #content {
    background: url(images/content.gif) repeat-y;
    float: left;
    width: 995px;
    }
    #bottom-content {
    background: url(images/content-close.gif) no-repeat top;
    float: left;
    height: 42px;
    width: 995px;
    }
    #footer {
    float: left;
    width: 100%;
    background: #A8A8A8 url(images/footer.gif) repeat-x top;
    height: 160px;
    }
    #footer-wrap {
    margin: 0px auto;
    width: 995px;
    }
    #footer-content {
    margin: 0px;
    float: left;
    width: 955px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 35px;
    font-family: Arial, Tahoma, "Lucida Sans";
    font-size: 13px;
    line-height: 20px;
    }
    #footer-content a {
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    }
    #footer-content a:hover {
    color: #990000;
    text-decoration: underline;
    }


    #site-title {
    float: left;
    width: 400px;
    padding-top: 20px;
    }
    #site-title h1 {
    font-size: 24px;
    line-height: 26px;
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 400px;
    }
    #site-title p {
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 400px;
    line-height: 18px;
    }
    #site-title h1 a {
    color: #f9f9f9;
    text-decoration: none;
    }
    #site-title h1 a:hover {
    color: #FFFFFF;
    text-decoration: none;
    }
    #site-search {
    float: right;
    width: 518px;
    padding-top: 15px;
    }
    #searchbox {
    background: url(images/searchbox.gif) no-repeat;
    float: left;
    height: 51px;
    width: 518px;
    margin: 0px;
    padding: 0px;
    }
    #searchbox .sfield {
    float: left;
    width: 400px;
    margin-top: 12px;
    margin-left: 15px;
    border-width: 0px;
    }
    #searchbox .sbutton {
    margin: 6px 0px 0px 10px;
    padding: 0px;
    }
    #post-blog {
    float: left;
    width: 600px;
    padding-bottom: 25px;
    padding-right: 10px;
    border-right: 1px solid #efefef;
    }
    #post-blog h2 {
    font-size: 21px;
    line-height: 24px;
    color: #000000;
    margin: 0px 0px 10px;
    padding: 0px;
    float: left;
    width: 600px;
    }
    #sidebar {
    float: right;
    width: 305px;
    }
    .rssbox {
    background: #792020 url(images/rss.gif) no-repeat 10px 10px;
    margin: 0px;
    padding: 10px 10px 10px 80px;
    float: left;
    width: 210px;
    border: 3px solid #591717;
    font-size: 12px;
    line-height: 22px;
    color: #FFFFFF;
    text-transform: capitalize;
    }
    .rssbox a {
    color: #f9f9f9;
    text-decoration: none;
    }
    .rssbox a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    }
    .rssbox img {
    margin: 8px 0px 0px;
    padding: 0px;
    float: left;
    border-width: 0px;
    }

    .sidebox {
    margin: 10px 0px 0px;
    padding: 10px;
    float: left;
    width: 280px;
    border: 3px solid #591717;
    font-size: 12px;
    line-height: 22px;
    color: #FFFFFF;
    text-transform: capitalize;
    background: #792020;
    }
    .sidebox h3 {
    margin: 0px 0px 5px;
    padding: 5px 20px;
    clear: both;
    font-size: 16px;
    line-height: 18px;
    background: #999900;
    border: 1px solid #BBBB00;
    float: left;
    }
    .sidebox p {
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    clear: both;
    }
    .sidebox a {
    color: #CCCCCC;
    text-decoration: underline;
    }
    .sidebox a:hover {
    color: #FFFFFF;
    text-decoration: none;
    }
    .sidebox img {
    margin: 0px 5px 5px 0px;
    border-width: 0px;
    }

    .list {
    margin: 0px;
    padding: 5px 0px 12px;
    float: left;
    width: 280px;
    list-style-type: none;
    }
    .list ul {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 270px;
    list-style-type: none;
    }
    .list li {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 280px;
    font-size: 12px;
    color: #FFFFFF;
    }
    .list li a {
    color: #FFFFFF;
    text-decoration: none;
    margin: 0px;
    padding: 3px;
    border-bottom: 1px solid #5E1717;
    display: block;
    }
    .list li a:hover {
    color: #FFFFFF;
    text-decoration: none;
    margin: 0px;
    padding: 3px;
    border-bottom: 1px solid #5E1717;
    background: #681C1C;
    display: block;
    }



    .nolist {
    margin: 0px;
    padding: 5px 0px 12px;
    float: left;
    width: 280px;
    list-style-type: none;
    }
    .nolist ul {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 270px;
    list-style-type: none;
    }
    .nolist li {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 280px;
    font-size: 12px;
    color: #FFFFFF;
    }
    .nolist li a {
    color: #FFFFFF;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    }
    .nolist li a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    margin: 0px;
    padding: 0px;
    }


    .post-gfest {
    margin: 0px;
    padding: 10px 0px;
    float: left;
    width: 280px;
    border-bottom: 1px solid #681C1C;
    }
    .post-gfest h1 {
    font-size: 17px;
    line-height: 19px;
    color: #FFFFCC;
    margin: 0px;
    padding: 0px;
    }
    .post-gfest img {
    float: left;
    width: 30%;
    margin-right: 7px;
    margin-bottom: 3px;
    border: 3px solid #f9f9f9;
    }





    .post-meta {
    margin: 0px;
    padding: 0px 0px 35px;
    float: left;
    width: 600px;
    }
    .post-date {
    font-size: 18px;
    line-height: 18px;
    color: #000000;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 600px;
    font-weight: bold;
    }

    .post-meta h1 {
    font-size: 33px;
    margin: 0px;
    padding: 0px 0px 5px;
    line-height: 37px;
    color: #000000;
    float: left;
    width: 600px;
    }
    .post-meta h1 a {
    color: #7e0404;
    text-decoration: none;
    }
    .post-meta h1 a:hover {
    color: #333333;
    text-decoration: underline;
    }
    .post-author {
    margin: 0px;
    padding: 6px 0px;
    float: left;
    width: 600px;
    }
    .post-author a {
    padding: 5px 15px;
    background: #999900;
    color: #FFFFFF;
    text-decoration: none;
    border: 1px solid #999933;
    }
    .post-author a:hover {
    padding: 5px 15px;
    background: #CCCC99;
    color: #FFFFFF;
    text-decoration: none;
    border: 1px solid #CCCC66;
    }
    .post-content {
    float: left;
    width: 600px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 13px;
    line-height: 22px;
    overflow: hidden;
    }
    .post-content img {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    }
    .post-cat {
    padding: 5px;
    float: left;
    width: 580px;
    background: #f1F1F1;
    border: 1px solid #dedede;
    }
    .post-content a {
    color: #003366;
    text-decoration: underline;
    }
    .post-content a:hover {
    color: #333333;
    text-decoration: none;
    }
    .post-cat a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    }
    .post-cat a:hover {
    color: #006699;
    text-decoration: none;
    font-weight: bold;
    }
    .post-social {
    padding: 7px 5px 7px 0px;
    float: left;
    width: 580px;
    margin-top: 10px;
    }
    .post-social a {
    color: #666666;
    text-decoration: none;
    border: 1px solid #dddddd;
    padding: 5px 11px;
    background: #f0f0f0;
    }
    .post-social a:hover {
    color: #333333;
    text-decoration: underline;
    border: 1px solid #dddddd;
    padding: 5px 11px;
    background: #f6f6f6;
    }


    #themeswitcher {
    margin: 0px;
    padding: 5px 0px 12px;
    float: left;
    width: 96%;
    list-style-type: none;
    }
    #themeswitcher li {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    }
    #themeswitcher select {
    margin: 0px;
    padding: 2px;
    float: left;
    width: 96%;
    border: 1px solid #CCCCCC;
    font-size: 11px;
    color: #666666;
    background: #F9F9F9;
    }
    .akpc_pop {
    font-size: 11px;
    line-height: 18px;
    color: #000000;
    margin: 5px 0px 0px;
    padding: 0px;
    clear: both;
    font-family: Tahoma, "Lucida Sans", Arial;
    }
    .pullquote-left {
    color: #121212;
    margin: 8px 8px 8px 0px;
    padding: 8px 3px;
    float: left;
    width: 30%;
    text-align: center;
    letter-spacing: -1px;
    font-size: 21px;
    font-weight: normal;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    font-family: Georgia, "Times New Roman", Helvetica, sans-serif;
    line-height: 30px;
    }
    .pullquote-right {
    color: #121212;
    margin: 8px 0px 8px 8px;
    padding: 8px 3px;
    float: right;
    width: 30%;
    text-align: center;
    letter-spacing: -1px;
    font-size: 21px;
    font-weight: normal;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    font-family: Georgia, "Times New Roman", Helvetica, sans-serif;
    line-height: 30px;
    }
    .caption-img-left {
    display: block;
    margin: 15px 5px 2px 0px;
    padding: 0px;
    float: left;
    width: auto;
    }
    .caption-img-left p {
    font-size: 1em;
    color: #666666;
    padding: 0px;
    clear: both;
    display: block;
    margin: 0px;
    width: auto;
    }



    .caption-img-left img {
    margin: 0px;
    padding: 0px;
    display: block;
    float: left;
    }

    .caption-img-right {
    display: block;
    margin: 15px 5px 2px;
    padding: 0px;
    float: right;
    }
    .caption-img-right p {
    font-size: 1em;
    color: #666666;
    margin: 0px;
    padding: 0px;
    clear: both;
    width: auto;
    }

    .caption-img-right img {
    clear: both;
    margin: 0px;
    padding: 0px;
    display: block;
    }

    dl {
    padding-left: 10px;
    font-size: 1em;
    margin-top: 8px;
    margin-bottom: 8px;
    font-family: Arial, Helvetica, sans-serif;

    }

    dt {
    margin-bottom: 5px;
    margin-top: 0px;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    }

    dd {
    margin-bottom: 8px;
    margin-left: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;

    }
    blockquote p {
    margin: 0px;
    padding: 0px;
    }
    blockquote {
    font-size: 13px;
    line-height: 22px;
    color: #000000;
    margin: 10px;
    padding: 7px;
    clear: both;
    border-top: 2px solid #dedede;
    border-right: 1px solid #efefef;
    border-bottom: 2px solid #dedede;
    border-left: 1px solid #efefef;
    font-family: Georgia, "Times New Roman", Helvetica, sans-serif;
    font-weight: bold;
    }


    .alignleft {
    text-align: left;
    float: left;
    }
    .alignright {
    text-align: right;
    float: right;
    }
    .center {
    text-align: center;
    margin: 0px auto;
    clear: both;
    }
    img.alignleft {
    padding: 0px;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    margin-bottom: 5px;
    }
    img.alignright {
    padding: 4px;
    float: right;
    margin-top: 10px;
    margin-left: 10px;
    }
    img.center {
    padding: 4px;
    display: block;
    margin: 5px auto;
    clear: both;
    }
    pre {
    margin: 8px 0px;
    padding: 0px;
    clear: both;
    width: 90%;
    overflow: scroll;
    font-family: Verdana, sans-serif, Arial;
    font-size: 1em;
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #999999;
    }
    em {
    color: #333333;
    font-size: 11px;
    text-transform: lowercase;
    }

    .post-content h1 {
    margin: 0px 0px 5px;
    padding: 0px 0px 3px;
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    }
    .post-content h2 {
    margin: 0px 0px 5px;
    padding: 0px 0px 3px;
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    }
    .post-content h3 {
    margin: 12px 0px 5px;
    padding: 0px 0px 3px;
    font-size: 25px;
    font-weight: bold;
    line-height: 30px;
    color: #000000;
    border-bottom: 1px solid #333333;
    }
    .post-content h4 {
    margin: 0px 0px 5px;
    padding: 0px;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    }
    .post-content h5 {
    margin: 0px 0px 5px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    }
    .post-content h6 {
    margin: 0px 0px 5px;
    padding: 0px;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    }
     
    adamk, Mar 18, 2008 IP