title: iframe height 100% of container in iphone. Is it imposible?
body: <p>I am trying a google.maps iframe to use all height and all width;</p>
  
  <p>tried with CSS</p>
  
  <pre><code>iframe{min-width:100%;height: 100%;min-height: 2000px;overflow:auto;}
  </code></pre>
  
  <p>even with jquery</p>
  
  <pre><code>$(document).ready(function() {
     alert($('#contenido').height()+'altura contendio');
     alert($('#contenedor').height()+'altura contenedor');
     alert($('iframe').height()+'altura iframe');
     $('iframe').css('height',$('#contenido').height()+'px');
     alert($('iframe').height()+'altura iframe');
  });
  </code></pre>
  
  <p>or</p>
  
  <pre><code>$(document).ready(function() {
     alert($('#contenido').height()+'altura contendio');
     alert($('#contenedor').height()+'altura contenedor');
     alert($('iframe').height()+'altura iframe');
     $('iframe').css('height','200%');
     alert($('iframe').height()+'altura iframe');
  });
  </code></pre>
  
  <p>the alerts are like 4254 or so...</p>
  
  <p>just in case #contenido CSS is</p>
  
  <pre><code>#contenido
  {
      width: 100%;
      height:100%;
      display:block;
      -webkit-perspective: 1000;
      -webkit-backface-visibility: hidden;
  
  }
  </code></pre>
  
  <p>Any idea? this is driving me crazy... :(</p>
  
  <p>almost forgot, HTML (i will paste it all, just in case)</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
          &lt;title&gt;lich-t // KONTAKT&lt;/title&gt;
                  &lt;meta name="viewport" content="width=device-width" /&gt;
          &lt;link href="css/style.css" rel="stylesheet" type="text/css" /&gt;
          &lt;link rel="stylesheet" media="all and (max-device-width: 320px)" href="iphone3.css" /&gt;
          &lt;link rel="stylesheet" media="all and (max-device-width: 640px)" href="iphone4.css" /&gt;
          &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"&gt;&lt;/script&gt;
                  &lt;script type="text/javascript" src="js/dropDown.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body class="kontakt_map"&gt;
  
  
              &lt;div id="head" class="section"&gt;&lt;a href="index.html"&gt;&lt;img src="img/logo_small.png" alt="lich-t" id="logo_small" /&gt;&lt;/a&gt;&lt;h3&gt;&lt;a href="locations.html"&gt;&lt;/a&gt;KONTAKT&lt;/a&gt;&lt;/h3&gt;&lt;/div&gt;
              &lt;div id="contenedor"&gt;&lt;div id="contenido"&gt;
                  &lt;iframe frameborder="0" scrolling="no" height="750" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;amp;source=s_q&amp;amp;hl=en&amp;amp;geocode=&amp;amp;q=Calle+de+Blanquerna,+Palma,+Espa%C3%B1a&amp;amp;aq=0&amp;amp;sll=39.470059,2.72006&amp;amp;sspn=0.010121,0.022724&amp;amp;vpsrc=6&amp;amp;ie=UTF8&amp;amp;hq=&amp;amp;hnear=Carrer+de+Blanquerna,+Palma,+Illes+Balears,+Spain&amp;amp;ll=39.580489,2.649422&amp;amp;spn=0.023153,0.036478&amp;amp;z=14&amp;amp;iwloc=A&amp;amp;output=embed"&gt;&lt;/iframe&gt;
                  &lt;div id="panel" class="floating_right"&gt;
                      &lt;ul class="right floating"&gt;
                          &lt;li&gt;&lt;a href="#"&gt;&lt;img src="img/location_azul.png" alt="Westlich-t" /&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;&lt;img src="img/location_rosa.png" alt="Sudlich-t" /&gt;&lt;/a&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;&lt;img src="img/location_naranja.png" alt="Sudlich-t" /&gt;&lt;/a&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
  
              &lt;/div&gt;
      &lt;/div&gt;  
  
  
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>