title: HTML / CSS image resize proportion
body: <p>I want linked images to have the size 800x600 with the original proportions. The linked images could have the site 1000x400 or for example 600x1000.</p>
  
  <p>At this time I resize the image with width=800px and in the class div overflow is hidden</p>
  
  <pre><code>&lt;div class="cut"&gt;
  &lt;img src="www.example.de/image" width=800px&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This works when the image proportion is like 600x1000, but not when it is 1000x400.
  How does it handle every image size?</p>