Home/ Questions/Q 6769903
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T15:14:55+00:00

I’m new to stack overflow, but I’ve been working with CSS for about a

  • 0

I’m new to stack overflow, but I’ve been working with CSS for about a year and a half now.

I can’t seem to get the background property to work at all for my div class=”content”. Ultimately I just want to put a background image on the div using background-image: url(‘home_bg.png’);.

I’ve Googled the issue and looked it up on stack overflow, but the issues I’ve found thus far haven’t helped. I keep all of my background images in the same folder as my CSS, and I’ve double-triple checked my file names are correct. I know that the div is being targeted correctly in the CSS because the other properties such as width and margin are working correctly.

I even tried putting an ugly background color on it just to see if it would work. It didn’t. I’m sure there’s probably just something minor, but I can’t find it.

The HTML:

<body>
 <div class="navbar"> ... </div>
 <div class="content">
  <div class="box" id="twitter"> ... </div>
  ...
  ...
 </div>
 <div class="footer> ... </div>
<body>

The CSS:

body {
  background-color: #000;
  background-repeat: repeat;
  margin: 0px;
  padding: 0px;}
div.content {
  background-image: url("home_bg.png");
  margin: 0 auto;
  position: relative;
  top: 84px;
  width: 1024px;}

The page is located here if that helps too.

Thanks in advance!
~Tatianna~

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It’s your content div. It has no specified height and it’s conent elements are “out of flow” (being floated or position:absolute). This effectively produces a content div of 0px height. To the difference you can add this style rule:

    html, body, .content {height:100%;}

    not a solution but a start.

    • 0