title: Making Iframe default picture same size as blank iframe
body: <p>I'm not sure if this is possible, but I have my iframe set to relative. My question is how do I set the default image to resize to the size of the iframe automatically ? The code...</p>
  
  <pre><code>&lt;iframe name="iframe1"src="../Pictures/coolcenturylink.jpg" height="%"width="%"/&gt;&lt;/iframe&gt;
  
  
  iframe
  {
  position:relative;
  float:right;
  height:80%;
  width:84.5%;
  top:%;
  background-color:;
  }
  </code></pre>
  
  <p>Edit point below...</p>
  
  <pre><code>&lt;img src="coolcenturylink.jpg"/&gt;
  
  .coolcenturylink.jpg
  {
      max-width: 100%;
  }
  
  &lt;iframe name="iframe1"src="../Pictures/coolcenturylink.html"&gt;&lt;/iframe&gt;
  </code></pre>