Hacer un IFRAME elástico

jorgelpadronb · #1 (**permalink**) 03/12/2011, 20:44

Saludos amigos. El tema que me ocupa es que necesito hacer un IFRAME que se estire automáticamente según el contenido a mostrar, de forma que no muestre los scrolls, sino que se adapte el tamaño del contenido. He intentado de varias formas, pero no he logrado hacerlo. Si alguien ya lo ha hecho o sabe como se puede hacer, le agradeceré la ayuda. Saludos.

zerokilled · #2 (**permalink**) 03/12/2011, 21:03

buenas...
escribe esto en google site:forosdelweb.com ajustar altura de iframe a contenido y obtendrás varias consultas realizadas en el pasado. si quieres expandir la busqueda, elimina la primera parte. no te aseguro que alguno tenga la respuesta pero con que investigue y analices los temas no pierdes nada.

Hurieta · #3 (**permalink**) 07/12/2011, 12:36

index.html

Código:

<html>
<head>
<title>Iframe Elastico</title>
<link href="estilos.css" rel="stylesheet" type="text/css">
</head>

<body>


<iframe src="http://www.google.com" class="elastico">



</body>


</html>

estilos.css

Código:

iframe.elastico{height:auto; width:"tantos px de ancho o si queres que tambien sea elástico le pones auto"}

jorgelpadronb · #4 (**permalink**) 11/12/2011, 02:39

Cita:

Iniciado por Hurieta

index.html

Código:

<html>
<head>
<title>Iframe Elastico</title>
<link href="estilos.css" rel="stylesheet" type="text/css">
</head>

<body>


<iframe src="http://www.google.com" class="elastico">



</body>


</html>

estilos.css

Código:

iframe.elastico{height:auto; width:"tantos px de ancho o si queres que tambien sea elástico le pones auto"}

Gracias por tu respuesta. Es la solución más lógica, tanto que fué la primera de tantas que se me ocurrió probar antes de postear el asunto y no me funcionó. es raro pues teóricamente debería funcionar así. No se si sería alguna incompatibilidad del navegador. Aunque lo probé en IE y Chrome, pero nada de nada.

Saludos.