Hoy he estado perdiendo un buen rato con esta tontería. Y es que parece mentira, pero si metes un <iframe> en tu página y le estableces sus propiedades width y height al 100% para que ocupen toda la página sólo te hace caso el ancho. El alto no funciona, da igual que lo pongas en sus atributos o en sus estilos CSS. No hace ni caso 🙁
Tras romperme la cabeza unr ato he estado buscando en Internet y hay soluciones para todos los gustos, la mayoría de las cuales no funcionan. Además si funcionan en Internet Explorer no funcionan en Firefox o al revés. Es un verdadero peñazo.
Al final la solución pasa por establecer una serie de atributos para algunos tags de la página, así:
<style type=»text/css»>
html, body, div, iframe { margin:0; padding:0; height:100%; }
iframe { display:block; width:100%; border:none; }
</style>
Si no haces esto no hay forma de que pille el alto completo de la página. Así que ya lo sabes.
Espero que esto te sirve para que no pierdas tiempo como me pasó a mi 🙂
Muchas gracias por tu snippets. Muy util.
saludos o¡
Esto también se aplica a las aplicaciones Silverlight, para no mostrar el scrollbar vertical
Hola Álvaro:
Si el contenido creciera saldría una barra vertical, que es lo que debería pasar. Mi intención con esto no es que no aparezcan scrolls, es que el iframe ocupe todo el área visible, como si realmente no existiera tal iframe.
Saludos
JM
Hola como estas ?, primero que nada agradecerte por el tiempo que le dedicas a entregarnos una solucion a nuestros problemas, instale el codigo y mefunciona perfecto en firefox pero en explorer no hay caso, me habre 2 barra de navegacion al lado derecho, e intentado todo y me gano, me podrias ayudar por favor ?.
Muchas gracias.
Hola vartan:
Pues no sé qué decirte, algo debes de tener que te trastoca esto, porque a mi me funciona perfectamente en los dos navegadores… 🙁
JM
Si, debe haber algo extraño en los codigos, bueno .. muchas gracias igual, termino ganandonos a los 2 jaja.
Saludos y gracias.
Tenia el mismo problema, le quite esto, y me funciono! evitar mejor el usarlo si realmente no es necesario.
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Has encontrado como fixearlo para Chrome, Opera ? en esos no funciona 🙁
se ve muy buena la solucion …. pero «¿tag?» podrias ser mas claro gracias