WEB Quick CSS Question: Wordpress & Footers

Discussion in 'OT Technology' started by rolandal, Aug 13, 2009.

  1. rolandal

    rolandal New Member

    Joined:
    May 29, 2003
    Messages:
    2,771
    Likes Received:
    0
    http://bernotas20.com/

    Is the site in question...

    Why is the footer messing up and not displaying on the bottom and adding that more grey chunk?

    Here is my style sheet:



    body {
    background:#353432;
    color:#999;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 12px;
    margin:0;
    padding:0;
    }
    h2 {
    font-size:20px!important;
    }

    h3 {
    font-size:18px!important;
    }

    h4 {
    font-size:16px!important;
    }

    h5 {
    font-size:14px!important;
    }

    h6 {
    font-size:12px!important;
    }

    blockquote {
    font-style: italic;
    margin: 0px 25px 15px 25px;
    padding: 0px 25px 0px 10px;
    border-left: 2px solid #58564f;
    }

    #wrap {
    /* background:url('images/bg.png'); */
    clear:both;
    float:none;
    background:#353432;
    margin: 0px auto 0px;
    padding: 0px;
    }

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

    a:hover {
    color: #fff;
    text-decoration: underline;
    }


    #header {
    background:#1e1e1b;
    width: 100%;
    height: 70px;
    color: #CCCCCC;
    font-size: 16px;
    font-weight: normal;
    margin: 0px auto 0px;
    padding: 0px;
    overflow: hidden;
    border-bottom:1px solid #58564f;
    }

    #header .cent {
    clear:both;
    float:none;
    width:960px;
    height:70px;
    margin:0 auto;
    }


    .cent a img {
    border: none;
    margin: 0px;
    padding: 0px;
    }


    .headerleft {
    width: 400px;
    float: left;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    }

    .headerright {
    width: 560px;
    float: right;
    margin: 0px;
    padding: 35px 0px 0px 0px;
    overflow: hidden;
    }

    /* MENU */
    /*-----------------------------------*/
    #nav {
    margin: 0px;
    padding: 0px;
    float: right;
    }

    #nav ul {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #nav li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #nav li a, #nav li a:link, #nav li a:visited {
    color: #999999;
    display: block;
    font-size: 12px;
    margin: 0px;
    padding: 8px 15px 13px 15px;
    }

    #nav li a:hover, #nav li a:active {
    color: #FFFFFF;
    margin: 0px;
    padding: 8px 15px 13px 15px;
    text-decoration: none;
    }

    #nav li li a, #nav li li a:link, #nav li li a:visited {
    background: #282825;
    width: 150px;
    color: #CCCCCC;
    float: none;
    margin: 0px;
    padding: 7px 10px 7px 10px;
    border-bottom: 1px solid #58564f;
    border-left: 1px solid #58564f;
    border-right: 1px solid #58564f;
    }

    #nav li li a:hover, #nav li li a:active {
    color: #FFFFFF;
    padding: 7px 10px 7px 10px;
    }

    #nav li {
    float: left;
    padding: 0px;
    }

    #nav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0px;
    padding: 0px;
    }

    #nav li li {
    }

    #nav li ul a {
    width: 140px;
    }

    #nav li ul a:hover, #nav li ul a:active {
    }

    #nav li ul ul {
    margin: -29px 0 0 171px;
    }

    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
    }

    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
    }

    #nav li:hover, #nav li.sfhover {
    position: static;
    }

    h1 a {
    color:#fff!important;
    }

    h1.title_ {
    float:left; width:400px;
    margin:0!important; padding:0!important;
    }



    p.date {
    float:right;
    width:300px;
    padding:0; margin:0;
    text-align:right;
    margin-top:10px;
    }


    /* CONTENT */
    /*-----------------------------------*/
    #content {
    width: 960px;
    margin: 0 auto;
    padding: 0px 0px 10px 0px;
    line-height: 20px;
    }

    #content h1 {
    color: #CCCCCC;
    font-size: 24px;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    }

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

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

    #content h2 {
    color: #CCCCCC;
    font-size: 16px;
    font-family: Verdana, Arial, Tahoma;
    font-weight: normal;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    }


    #content h3 {
    color: #CCCCCC;
    font-size: 16px;
    font-family: Verdana, Arial, Tahoma;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    }

    #content h4 {
    color: #CCCCCC;
    font-size: 16px;
    font-family: Verdana, Arial, Tahoma;
    font-weight: normal;
    margin: 0px 0px 20px 0px;
    padding: 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;
    }

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



    /* PHOTO SLIDER */
    /*-----------------------------------*/
    #photos {
    float:right;
    width:180px;
    margin: 0px auto 0px;
    padding: 25px 0px 0px 0px;
    }

    #photos h3 {
    width:180px;
    text-align:center;
    color:#fff;
    padding-top:10px;
    margin-bottom:0!important;
    }

    #photos a img, #photos a:visited img {
    clear:both;
    float:left;
    width:160px;
    display:inline;
    height:120px;
    padding: 5px;
    background:#282825;
    border: 1px solid #58564f;
    margin-left:3px;
    }

    #photos a:hover img {
    background:#58564f;
    }

    .postleft {
    clear:left;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
    width:770px;
    }

    .postleft h2 {

    }

    .postleft a img {
    width:755px;
    height:510px;
    padding:5px;
    background:#282825;
    border:1px solid #58564f;
    margin-bottom:10px;
    }

    .postleft img {
    width:755px;
    height:510px;
    padding:5px;
    background:#282825;
    border:1px solid #58564f;
    margin-bottom:10px;
    }

    .postleft a:hover img {
    background:#58564f;
    }


    .commentsleft {
    clear:both;
    float:none;
    margin: 40px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #373737;
    }


    .contentleft {
    float: left;
    width: 630px;
    margin: 0px 0px 0px 0px;
    padding: 20px 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 5px 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 5px 0px;
    }




    #sidebar {
    float: right;
    width: 260px;
    margin: 0px 0px 0px 0px;
    padding-top:20px;
    padding-left:25px;
    line-height: 20px;
    }

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

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

    #sidebar ul li {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    }

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

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

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

    #footer {
    clear:both;
    float:bottom;
    height:65px;

    width: 100%;
    background: #282825;
    border-top:1px solid #58564f;
    padding: 0px;
    padding-top:10px;
    }

    #footer .mid {
    clear:both;
    float:none;
    width:960px;
    margin:0 auto;

    }

    #comments {
    clear:both;
    float:none;
    width:960px;
    }

    #comments #comments_ {
    clear:both;
    width: 580px;
    float: left;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    }

    #comments_ p {
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 0px 0px;
    }

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

    #comments_ ol li {
    margin: 0px;
    padding: 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;
    }

    .com {
    clear:both;
    float:left;
    width:500px;
    padding:10px 0;
    }

    .com img {
    float:left;
    padding:5px;
    border:1px solid #58564f;
    background:#282825;
    margin-right:10px;
    }

    .com .sais {
    float:left;
    width:400px;
    }

    .com .postdate {
    clear:both;
    float:left;
    font-size:10px;
    width:500px;
    }

    .com .comm {
    float:left;
    width:400px;
    }

    #comments .com_r {
    float:right;
    width:380px;
    }

    .com_r label {
    clear:both;
    float:left;
    width:110px;
    text-align:right;
    margin-right:10px;
    }

    .com_r INPUT {
    float:left;
    background: #282825 !important;
    width: 200px!important;
    color: #CCCCCC;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    margin: 0px;
    padding: 4px;
    border: 1px solid #58564f;
    }

    .com_r textarea {
    float:left;
    background: #282825 !important;
    width: 250px;
    height: 60px;
    color: #CCCCCC;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    padding: 4px;
    margin: 0px;
    border: 1px solid #58564f;
    }

    .com_r .spacer {
    clear:both;
    float:left;
    width:380px;
    height:10px;
    }

    #submit {
    float:right;
    background: #282825;
    color: #FFFFFF;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    text-transform: uppercase;
    padding: 3px;
    margin: 0px;
    width:130px!important;
    border: 1px solid #58564f;
    margin-bottom:10px;
    }

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

    #content .static {
    float:left;
    width:670px;
    padding-top:20px;
    }

    .static img {
    float:left;
    background:#fff;
    padding:5px;
    border:1px solid #58564f;
    margin-right:10px;
    margin-bottom:10px;
    margin-top:10px;
    }

    .jcarousel-container {
    position: relative;
    }

    .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    }

    .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    }

    .jcarousel-list li,
    .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 172px;
    height: 132px;
    }

    /**
    * The buttons are added dynamically by jCarousel before
    * the <ul> list (inside the <div> described above) and
    * have the classnames "jcarousel-next" and "jcarousel-prev".
    */
    .jcarousel-next {
    z-index: 3;
    display: none;
    }

    .jcarousel-prev {
    z-index: 3;
    display: none;
    }
     
  2. rolandal

    rolandal New Member

    Joined:
    May 29, 2003
    Messages:
    2,771
    Likes Received:
    0
    Wow the formatting got all kinds of fucked up
     
  3. rolandal

    rolandal New Member

    Joined:
    May 29, 2003
    Messages:
    2,771
    Likes Received:
    0
    Just Press Cntrl+F and search footer
     
  4. bitchno3

    bitchno3 New Member

    Joined:
    Oct 8, 2005
    Messages:
    1,441
    Likes Received:
    1
    Location:
    78701
    there is no such command as float:bottom, that could be fucking it up.
     
  5. pharmokan

    pharmokan OT Supporter

    Joined:
    Oct 18, 2002
    Messages:
    102,141
    Likes Received:
    429
    Location:
    L.A.
    increase padding in footer from 10px to 100px
     

Share This Page