Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Background image not loading

Browser isn't displaying my background image



7:28 pm on Apr 12, 2011 (gmt 0)

Hey y'all,
Sorry if this has been answered somewhere else or if this is posted in the wrong place--I have been banging my head on my desk for about 3 hours now trying to figure this one out.

I'm running my website locally and testing it out in FF (and eventually other browsers) before I upload, and I've been trying to add an ID to my body tags so I can change the background image between different pages relatively easily. The problem is the BG won't appear at all. I tried adding height to my wrapper ("container") and attaching the BG there, just to see if I could get anything, and nothing there, either. I've checked the location of the image multiple times to no avail. Other images are showing up just fine. I'm truly at a loss. Here's some HTML stripped of all the useless bits:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<link rel="stylesheet" type="text/css" href="/Users/wchasecooper/webstyle.css" />
<body id="transpositions">
<div id="container">

And the CSS:

<style type="text/css">
/* page template */
body {
width: 900px;
#homepage {
background-image: url(../Downloads/homepagebg.jpg);
background-repeat: no-repeat;
#transpositions {
background-image: url(/Users/wchasecooper/Downloads/transpositionsbg.jpg);
background-repeat: no-repeat;
div#container {
position: relative;
width: 900px;
margin:0 auto;
display: inline-block;

Any help would be GREATLY appreciated! I feel like it's something really simple and my brain is just in a knot... I'm new to this, so please let me know if you need more information. Thanks!


9:14 pm on Apr 12, 2011 (gmt 0)

10+ Year Member

Try the full path to the image instead of ../Downloads...


9:30 pm on Apr 12, 2011 (gmt 0)

D'oh. Yep, that was it. But now the "transpositions" one is curiously not appearing...
Thank you for taking the time to answer my stupid question!