Why Is This Happening?

Discussion in 'CSS' started by cladsco, Sep 5, 2010.

  1. #1
    I've checked my css file and I don't see it. The middle of the content should have the connecting lines and be white, but it's gone and only picking up the page background color.

    www.dixiescalling.com

    here is my style sheet

    body {
    background: #000000;
    color: #333333;
    font-size: 11px;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0px auto 0px;
    padding: 0px;
    }

    #wrap {

    width: 800px;
    color: #333333;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    margin: 0px auto 0px;
    padding: 0px;
    }



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

    #contenttop {
    background: #ffffff url(images/contenttop.gif);
    width: 800px;
    height: 40px;
    margin: 0px auto 0px;
    padding: 0px;

    }

    #contentbottom {
    background: #ffffff url(images/contentbot.gif);
    width: 800px;
    height: 30px;
    margin: 0px auto 0px;
    padding: 0px;
    }

    #content {
    width: 640px;
    margin: 0px auto 0px;
    padding: 0px 0px 0px 0px;
    background: #ffffff url(images/content.gif) top center repeat-y;
    }

    .title {
    width: 640px;
    margin: 0px auto 0px;
    padding: 0px;
    background: #ffffff;
    }

    .titleleft {
    width: 440px;
    height: 40px;
    float: left;
    margin: 0px;
    padding: 0px;
    text-align: left;
    background: #ffffff;
    }

    .titleright {
    width: 195px;
    height: 40px;
    float: right;
    margin: 0px;
    padding: 0px;
    text-align: right;
    background: #ffffff;
    }

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

    #content p img{
    border: none;
    margin-bottom: 10px;
    }

    #content h1 {
    color: #333333;
    font-size: 22px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    }

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

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

    #content blockquote p, #content blockquote ol, #content blockquote ul{ margin: 0 0 10px 0px; padding: 10px 0 0 0; background: #ffffff; }

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

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

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

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

    #content ul li{
    list-style-type: square;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 5px 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;
    }
     
    cladsco, Sep 5, 2010 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    Validate your html and css for those lists of errors.
     
    drhowarddrfine, Sep 5, 2010 IP
  3. SteveNevermore

    SteveNevermore Peon

    Messages:
    49
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Try firefox console error ( CTRL + SHIFT + J )
    If that doesn't work do as drhowarddrfine said, validate your html/css: http://validator.w3.org/
     
    SteveNevermore, Sep 6, 2010 IP