Question

i need help with my code

this is my example – http://jsfiddle.net/urK7t/

and full size page – http://dev.fama.net.pl/tides/

concept:

i would like to have 100% width and 100% height, overflow:hidden DIV with wide image in it witch i can move left and right, this image should resize on window resize, now as u see in my examples is just stretch image height and i would like to resize whole image but i dont want to show whole image it need to be move left and right

Answer 1

The styles you want for your image are these:

#bg-image {
    width: 100%;
    height: auto;
}

In the future, the CSS property you really want is object-fit: http://www.netmagazine.com/tutorials/control-image-aspect-ratios-css3