Welcome to WebmasterWorld Guest from 50.19.53.104

Forum Moderators: incrediBILL

Message Too Old, No Replies

BG image won't show in FF

background images

     

SanDiegoPaul

5:59 pm on Jul 10, 2010 (gmt 0)

5+ Year Member



I just created a new site that has a gradient background image. Dreamweaver displays the site properly, as does Internet Exploder.

Dreamweaver 3.6 however fails to display this gradient - the BG is totally white.

Can somebody point me in the direction of a place to look for the problem? I'm clueless why it would work in some apps and not others.

Thanks for suggestions

tedster

6:09 pm on Jul 10, 2010 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member



If the image is a jpg, then it may have been saved in a problematic "sub-format". JPG is a kind of junk drawer, rather than just one thing. The best bet is using Photoshop and then "Save for the Web".

Also, look at the CSS rule that declares the background image. IE may be forgiving some kind of syntax problem that FF is more strict about. You can use the W3C Validator for CSS [jigsaw.w3.org] to surface possible problems.

[edited by: tedster at 6:47 pm (utc) on Jul 10, 2010]

SanDiegoPaul

6:33 pm on Jul 10, 2010 (gmt 0)

5+ Year Member



Thanks Ted I'm going to start looking at these things right now. I did indeed, create the BG image in Photoshop (CS4) but I don't remember if I did the 'save for web' thing or if I just saved it as a JPG.

I'll post results.

SanDiegoPaul

7:00 pm on Jul 10, 2010 (gmt 0)

5+ Year Member



Yep it was the CSS file. Dreamweaver created a relative link to the BG image file for some stupid reason. So the browser was looking for url(file://c:\WebDesign\blah, blah, blah) instead of just /images/filename.

tedster

8:33 pm on Jul 10, 2010 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Now I'm amazed that IE managed to find the image file -- clearly just on your machine, but still, that's crazy.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month