title: Image full height when width is 100%
body: <p>I have an image at the top. I want it to be wide from left to right. Despite all kinds of change in the css settings, I can't get the full height of the image, but full width is working.</p>
  
  <p>The size of the image is 1920 x 400 px, but when I measure the image, the height is only 345 px. Is it about proportions or what? I have tested to change the width of the image, but I still get the height of 345 px!</p>
  
  <p>My questions are: Can I get full height of the image and what is the optimal size in width when using a wide image? I guess it's not necessary tp have 1920.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="start"&gt;
  &lt;img class="start" src="bilderGuide/bilderLayout/start.jpg" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My CSS:</p>
  
  <pre><code>#start
  {
  width: 100%;
  height: auto;
  }
  
  img.start
  {
  width: 100%;
  height: 100%;
  }
  </code></pre>