Tema: Problema alto iframe
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/02/2010, 17:21
Avatar de angel1993
angel1993
 
Fecha de Ingreso: octubre-2009
Mensajes: 752
Antigüedad: 14 años, 6 meses
Puntos: 22
Problema alto iframe
Necesito que se vea 100% de alto, pero no me funciona.. :(
Código HTML: 
Ver original
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>no titulo</title>
  5. <style type="text/css">
  6. <!--
  7. .position {
  8.    position: fixed;
  9.    right: 0px;
  10.    bottom: 0px;
  11. }
  12. .iframe {
  13.     height: 100%;
  14.     width: 100%;
  15. }
  16. body {
  17.     margin-left: 0px;
  18.     margin-top: 0px;
  19.     margin-right: 0px;
  20.     margin-bottom: 0px;
  21. }
  22. -->
  23. </style>
  24.  
  25. </head>
  26. <body>
  27.  <iframe src="http://web.com/" class="iframe" scrolling="auto" frameborder="1" transparency>
  28. <p>Tu navegador no soporta un iframe.</p>
  29. </iframe>
  30. <script type="text/javascript">
  31. var ancho = 350;
  32. var alto = 280;
  33. function tama(pid){
  34. ancho += 50;
  35. alto += 50;
  36. document.getElementById(pid).style.width = ancho+'px';
  37. document.getElementById(pid).style.height = alto+'px';
  38. }
  39.  
  40. var ancho = 350;
  41. var alto = 280;
  42. function meta(pid){
  43. ancho -= 50;
  44. alto -= 50;
  45. document.getElementById(pid).style.width = ancho+'px';
  46. document.getElementById(pid).style.height = alto+'px';
  47. }
  48.  
  49. function abrir(pid){ 
  50.     if (document.getElementById(pid).style.display=="none"){document.getElementById(pid).style.display=""}
  51.     else{document.getElementById(pid).style.display="none"} 
  52. }</script>
  53.  
  54. <table class="position" border="0">
  55.   <tr>
  56.     <td><div style="display:block" id="11"><a onClick="javascript:abrir(14);abrir(11)" href="http://www.xatech.com/web_gear/chat/chat.swf?id=77321530" target="13"><img src="http://img341.imageshack.us/img341/3355/irci.png" alt="" width="39" height="35" border="0" /></a></div></td>
  57.   </tr>
  58.   <tr>
  59.     <td><div id="14" style="display:none">
  60. <a onClick=" javascript:tama(13)" href="http://www.xatech.com/web_gear/chat/chat.swf?id=77321530"  target="13"><img src="http://www.iconlet.com/icons/twotone/red/arrow-upleft.gif" alt="" width="16" height="16" border="0" /></a>
  61.   
  62. <a onClick=" javascript:meta(13)" href="http://www.xatech.com/web_gear/chat/chat.swf?id=77321530"  target="13"><img src="http://www.iconlet.com/icons/twotone/red/arrow-downright.gif" alt="" width="16" height="16" border="0" /></a>
  63.  
  64. <a onClick="javascript:abrir(14);javascript:abrir(11)" href="http://www.google.com/" target="13"><img src="http://www.iconfinder.net/data/icons/freeapplication/png/24x24/Close.png" alt="" width="16" height="16" border="0" /></a>
  65. <br /><iframe name="13" id="13" width="350" height="280" src="" />
  66.     </div></td>
  67.   </tr>
  68. </table>
  69.  
  70. </body>
  71. </html>