Background image not loading

New User

joined:Apr 12, 2011
posts: 2
votes: 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"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="/Users/wchasecooper/webstyle.css" />
</head>
<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!

Background image not loading

Browser isn't displaying my background image

wchasecooper2

New User

bunltd

Preferred Member

wchasecooper2

New User

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members