Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Feb 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Easy question! My background image wont show in firefox, but shows in IE 7

    Been trying to figure this easy problem for an hour, but I cant get it to show on Firefox. I have 2 divs inside this div, so it is not empty.

    <custom name="opencounter" type="tracking">
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <html>
    <head>
    <title>Seller Direct</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body>

    </div>
    <div style="float: left; background: url('http://www.tomlinnicks.com/mail_imgs/02-20-08/remax_bg.jpg') no repeat fixed top left; overflow: auto; border:solid 1px #000000; width:600px; height: 1300px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left:10px;">
    </div>



    </body>
    </html>

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    try this and see if it even matters

    Code:
    </div>
    <div style="float: left; background-image: url('http://www.tomlinnicks.com/mail_imgs/02-20-08/remax_bg.jpg') no repeat fixed top left; overflow: auto; border:solid 1px #000000; width:600px; height: 1300px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left:10px;">
    </div>
    i dont even know if that matters

  • #3
    New to the CF scene
    Join Date
    Feb 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for the help, but nope. Doesnt make any difference.

  • #4
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    ok try this

    Code:
    #bgImage {
    float: left;
     background: url('http://www.tomlinnicks.com/mail_imgs/02-20-08/remax_bg.jpg');
    background-repeat: no repeat;
    background-position: top left;  
    border:solid 1px #000000; 
    width:600px; 
    height: 1300px; 
    font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
    padding-left:10px;
    }
    just try that and see what happens!!

  • #5
    New to the CF scene
    Join Date
    Feb 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    well sweet jesus, that actually works! I doubt there is even an explanation for this weird scenario. I guess maybe a bug in firefox?

  • #6
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    It was the fixed causing the issue. background-position:fixed; only fixes the background image to the body not the element its in.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •