Background image loads in Internet explorer but not In Firefox

Discussion in 'HTML & Website Design' started by Trusttec, Sep 14, 2007.

0
  1. #1
    Hey,

    My background image is loading in IE but not in firefox any suggestions?


    #contentarea{
	text-align: left;
	background: url(images/contentarea.jpg) repeat-x #fff;
	border-left: 1px solid #C6D4DF;
	padding: 6px 6px 0 6px;
	border-right: 1px solid #C6D4DF;

}
    PHP:
     
    Trusttec, Sep 14, 2007 IP
  2. met0555

    met0555 Well-Known Member

    Messages:
    349
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    110
    #2
    try changing the background and try on ff.
     
    met0555, Sep 14, 2007 IP
  3. Trusttec

    Trusttec Peon

    Messages:
    147
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    like try using a different image? I dont think that will help! It loads on the page but does not stretch all the way to the bottom like IE does
     
    Trusttec, Sep 14, 2007 IP
  4. Zippo

    Zippo Peon

    Messages:
    311
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #4
    <BODY style="background-image: url(images/backgr.gif)">

    and add what attributes you want after
     
    Zippo, Sep 15, 2007 IP
  5. zinruss

    zinruss Notable Member

    Messages:
    3,288
    Likes Received:
    237
    Best Answers:
    0
    Trophy Points:
    270
    #5
    Trusttec, try this. :)

     
    zinruss, Sep 15, 2007 IP
  6. AstarothSolutions

    AstarothSolutions Peon

    Messages:
    2,680
    Likes Received:
    77
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I do find that firefox will on occasions omit background images (seemingly randomly) as shift + refresh will often then make them load. Dont know if this is the issue you are facing or if anyone else can shed any light on why this is too.
     
    AstarothSolutions, Sep 17, 2007 IP
  7. Celoxdesign

    Celoxdesign Guest

    Messages:
    128
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Try using quotes around the image path.

    background: url("images/contentarea.jpg") repeat-x #fff;
    Code (markup):
     
    Celoxdesign, Sep 17, 2007 IP
  8. simonpeterong

    simonpeterong Peon

    Messages:
    62
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    try separating them into their category:

    
background-image: url(images/contentarea.jpg); 
background-repeat: repeat-x;
background-color: #ffffff;
background-position: /*where you want your image to be positioned first*/
background-attachment: /*if you want it to move when you scroll or not*/
    Code (markup):
     
    simonpeterong, Sep 17, 2007 IP