Question

I can’t figure out how to make it so that when a window can’t display the whole image, it cuts the image on the left.

This code always cuts the right side using:

img {
      position:fixed;
}​

Answer 1

You just need to add right:0; if you want to cut the left side on resize. Check this fiddle: http://jsfiddle.net/H3Vqc/1/ and test.

Further:

• If you want to resize the image when you resize the browser then use width: 100%.
• If you want to hide the right side set position: absolute; and left:0;