background not showing correctly

[ylex1]

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%;
}

[Paulie_D]

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.

[JoniGiuro]

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

[ylex1]

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

[ylex1]

heeelp please :-(

[amyth91]

remove

left:170px

from your footer,
and add the following:-

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

[ylex1]

¡Hey man awesome! ¡Thank you!

[Author]

Posts