Grow your CSS skills. Land your dream job.

background not showing correctly

  • # October 23, 2012 at 11:08 pm

    Hi guys

    Do you know why the background on my site cuts from the right side
    it’s a bigger image but it cuts on the right

    I’m working with the 960 grid but the divs with bigger backgrounds don’t have an specified with

    The green arrows are bigger, they even show when you zoom out

    [Saber Se](http://www.jetadvertising.com.mx/saberse/inicio.html “Saber Se”)

    Here’s how they’re styled

    #ind_top_back{
    position: relative;
    height: 994px;
    background: url(../img/nav_back.jpg) no-repeat 50% 0%;
    }

    # October 24, 2012 at 1:33 am

    Looks fine to me in Chrome but if you want the whole image to show you should look into the background-size property.

    Oh…and the site took a very long time to load…you might try optimising some of those images.

    # October 24, 2012 at 7:38 am

    looks fine to me on Chrome/win7. Here’s a link to what Paulie_D has mentioned:
    http://css-tricks.com/perfect-full-page-background-image/

    # October 24, 2012 at 5:37 pm

    mmm are you sure? cause Im looking at it right now in chrome and it gives me a scroll bar to the right when you scroll you see the cut backgrounds

    # October 24, 2012 at 9:38 pm

    heeelp please :-(

    # October 24, 2012 at 10:36 pm

    remove

    left:170px

    from your footer,
    and add the following:-

    footer ul {
    margin: auto;
    position: relative;
    width: 650px;
    }

    # November 1, 2012 at 3:52 pm

    ¡Hey man awesome! ¡Thank you!

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

You must be logged in to reply to this topic.

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