/    Sign up×
Community /Pin to ProfileBookmark

background img wont show up in IE or FIREFOX

Copy linkTweet thisAlerts:
Dec 03.2010

im using the code in my css but they wont show up, works fine in safari and chrome. I just get a white background

you can also view site @ [URL=”http://www.jocksandjills.ca”]jocksandjills.ca[/URL] (my hockey teams website)

[code=html]body {
background-image: url(‘images/pageBG.png’);
background-repeat: repeat;

}[/code]

to post a comment
CSS

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@WestWebDec 03.2010 — if(as in I didn't have time to look) your stylesheet is also in a subfolder (ie "/siteroot/[B]css/[/B]styles.css") then you would need to change the filepath to your image folder and image, like this:
[CODE]
background-image: url('../images/pageBG.png');
[/CODE]

../ means go up out of theoretical css folder, to your sites root, and then into images/pageBG.png

There might be something wrong with the image too, so don't forget to test a [I]completely different[/I] image just to make sure.
Copy linkTweet thisAlerts:
@cootheadDec 03.2010 — Hi there jamesplamondon,

your image does not display in any of my browsers. ?

This appears to be a fault in your image, not your CSS. ?

When testing in Firefox I get this message...

[indent]The image " http://www.jocksandjills.ca/images/pageBG.png " cannot be displayed, because it contains errors. :eek:[/indent]

[i]coothead[/i]
Copy linkTweet thisAlerts:
@KorDec 03.2010 — Your image is not PNG, even you gave it that extension. It looks like you created it with Photoshop CS4 Macintosh (which is not a problem), but its mime type is : [B]image/vnd.adobe.photoshop[/B], which means, as far as I know, that is in fact a non standard format, an Adobe format same as PSD but probably a specific format for Mac, or something like that.
Copy linkTweet thisAlerts:
@Steve25Dec 03.2010 — What is your file structure like ie how have you laid out the site in terms of folders and files? Have you checked that the image name is correct? Are you sure the image format is PNG? Have you tried another image to check that it works with a different image?
Copy linkTweet thisAlerts:
@jamesplamondonauthorDec 03.2010 — the file it self was corrupt:eek: made up a new one and it works fine!!

thanks for the help everyone ????
Copy linkTweet thisAlerts:
@Steve25Dec 04.2010 — Glad you got it sorted always best to make sure all the files are fine
×

Success!

Help @jamesplamondon spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...