By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,317 Members | 1,290 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,317 IT Pros & Developers. It's quick & easy.

Adding a Border in CSS

P: 7
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:

Expand|Select|Wrap|Line Numbers
  1. body{
  2.   background:#DCDCDC repeat center 0;
  3.   color:#7E7E7E;
  4.   font-family: Arial, Helvetica, Sans-serif;
  5.   font-size: 13px;
  6.   margin:0px;
  7.   padding:0px;
  8. }

And this is the new code with the background image:

Expand|Select|Wrap|Line Numbers
  1. body {
  2.   background: #000000 url(http://2.bp.blogspot.com/-kyNrJYgWWGg/TxY1jOX1ItI/AAAAAAAAAGQ/DSuW6EgNxLE/s1600/BG.png) no-repeat center 0;
  3.   color:#7E7E7E fixed;
  4. }
  5. .body-fauxcolumns .fauxcolumn-outer div, .body-fauxcolumn-outer .cap-top .cap-left {
  6.   background:none;
  7. }

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.blogspot.com

Any help would be massively appreciated.
Attached Images
File Type: jpg Old BG.jpg (49.4 KB, 141 views)
File Type: jpg New BG.jpg (61.0 KB, 139 views)
Jan 19 '12 #1
Share this Question
Share on Google+
2 Replies


Dormilich
Expert Mod 5K+
P: 8,639
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.
Jan 19 '12 #2

P: 7
You're right! It was in the #outer-wrapper div, and I solved the problem! Thanks mucho!
Jan 19 '12 #3

Post your reply

Sign in to post your reply or Sign up for a free account.