Grow your CSS skills. Land your dream job.

Background-Position in FF acting funny

  • # December 1, 2008 at 10:14 pm

    Ok so here is what I am trying to accomplish. I am using a large background image and I would like it to fit flush with the bottom, right of the browser window. I am using the following css and it works in both IE and Safari, but not in FF.

    body {
    background-color:#70706C;
    background-image:url(../images/bg.jpg);
    background-position:right bottom;
    background-repeat:no-repeat;
    }

    here’s a link: http://www.ridethebeave.com (no its not a porn site, its a micro site for beaver creek ski resort.)

    Any suggestions as to why FF is treating the background-position property improperly?

    Rich Staats

    # December 1, 2008 at 10:19 pm

    oh and i am on a mac.

    Rob
    # December 2, 2008 at 4:33 am

    As soon as you delete the no-repeat it works… but obviously will repeat…
    I shall have a little more of a play :)

    # December 2, 2008 at 10:11 am

    The problem is you don’t have any content in your body, so the body is only a few pixels tall because of the space. You aren’t able to force the body to be taller in Fx, you’ll just have to add content.

    Rob
    # December 2, 2008 at 10:20 am

    that chris dude is right ;) … for a quick fix set your html height to 100% :)

    # December 2, 2008 at 11:21 am

    thanks chris, rob. It all makes sense, and is pretty obvious to me now. I appreciate the help nonetheless. In the final product, the bg image will only be the texture and the rider, while the rest of the content will be added to different sections of the html…I just wanted something up right away–and perhaps rushing everything allowed me to not think clearly. Thanks again!

    Rich

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".