Adding a Border in CSS

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • ncost
    New Member
    • Jan 2012
    • 7

    Adding a Border in CSS

    Hey all!

    I was just wondering if someone could help me with a small CSS problem I'm having.

    I am working on a template for my blog, and it's almost finished, save one issue. I added a background image to the CSS which used to dictate that there was only to be a background color. After I did this, I worked out some small things on the CSS code and it turned out pretty well, except for one thing. The old blog template CSS somehow managed to make a border around the, but when I switched over to using a background image, the border was lost.

    This is the old CSS code that I replaced:

    Code:
    body{
      background:#DCDCDC repeat center 0;
      color:#7E7E7E;
      font-family: Arial, Helvetica, Sans-serif;
      font-size: 13px;
      margin:0px;
      padding:0px;
    }

    And this is the new code with the background image:

    Code:
    body {
      background: #000000 url(http://2.bp.blogspot.com/-kyNrJYgWWGg/TxY1jOX1ItI/AAAAAAAAAGQ/DSuW6EgNxLE/s1600/BG.png) no-repeat center 0;
      color:#7E7E7E fixed;
    }
    .body-fauxcolumns .fauxcolumn-outer div, .body-fauxcolumn-outer .cap-top .cap-left {
      background:none;
    }

    I've included 2 pictures as attachments to help clarify what border I'm referring to. One shows the old border that I wish to get back, and the other shows what the new template looks like, without said border.

    If you need a live page to look at, you can find the site at kingdomeyes.blo gspot.com

    Any help would be massively appreciated.
    Attached Files
    Last edited by Dormilich; Jan 19 '12, 12:04 PM. Reason: enhancing readability
  • Dormilich
    Recognized Expert Expert
    • Aug 2008
    • 8694

    #2
    said border is certainly not on the <body> (verified by the given CSS). hence it must be defined somewhere else. there may be even the possibility, that it ain't a border at all.
    in the development tools (FF, Safari, Chrome and probably Opera as well) you can visualise the elements and their CSS properties. there you can check where the border in your old layout comes from.

    Comment

    • ncost
      New Member
      • Jan 2012
      • 7

      #3
      You're right! It was in the #outer-wrapper div, and I solved the problem! Thanks mucho!

      Comment

      Working...