homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Background image not loading
Browser isn't displaying my background image

Msg#: 4296349 posted 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!



10+ Year Member

Msg#: 4296349 posted 9:14 pm on Apr 12, 2011 (gmt 0)

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


Msg#: 4296349 posted 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!

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved