How can i add a background image to a div

HTML & CSS
1

So i want to use a image i have for the background of my body and don’t know how to go about it. I im referring too div class="grid_16 bg_body in the html and .bg_body in the css.

Index.html (489 Bytes)
default.css (198 Bytes)

2

It should be getting applied. .bg_body is being registered in the CSS as being used. I don’t have hte image but…

Is your image in the right path? The folder hwere your default.css file is…in that folder. Look at it. Is there a folder called"images"? Inside of that images folder, is the bg_body.png image there? Image paths in the CSS file is relative to where the CSS file is.

3

Yes the path is correct.

4

Then the image should be showing up. Do you have this site online?

5

Validate your code first and foremost. Look at your default.css

 .bg_body{
 background:url(images/bg_body.png) no-repeat center top;
 width:940px;

Where is the }?

6

No its not online and closing the brace didn’t work.

7

You don’t have anything inside of the .bg_body element so it has 0 height. I thought you minimized your test page for me. Is the page you attached literally your exact page? Because with 0 height to it (no content) then yes nothing will show. Add content to it or (worse) set a height (for testing).

8

That would be it …

9

Apologies I should have seen it earlier. Glad it’s fixed :smile: