adaptar div al contenidode iframe

Jesica · #1 (**permalink**) 10/08/2007, 08:17

Hola Gente:
soy nueva en esto del diseño y tengo un problema con una etiqueta div que no se adapta al contenido de un iframe, estuve leyendo en el foro y vi que setean el height a "auto" pero no me funciona. Les paso el codigo para ver si alguien me puede ayudar.
Muchas gracias desde ya

Código HTML:

<style type="text/css">
<!--
#Layer4 {
	position:absolute;
	width:80%;
	height:auto;
	z-index:0;
	left: 20%;
	top: 120px;
}
-->
</style>

<div id="Layer4" align="right">
      <iframe src="paginaPrincipal.html" name="contenido"
      width="100%" height="auto" align="left" scrolling="no" frameborder="0" id="contenido"> Texto alternativo para browsers que no aceptan iframes.</iframe>
</div>

DragonX · #2 (**permalink**) 10/08/2007, 08:26

proba con esto:

Código HTML:

<html>
  <head>
    <title>New Document</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
<!--
#Layer4 {
	position:absolute;
	width:80%;
	height: 100%;
	z-index:0;
	left: 20%;
	top: 120px;
}
-->
</style>
  </head>
  <body>
   <div id="Layer4" align="right">
      <iframe src="http://www.kuartadimension.com.ar" name="contenido"width="100%" height="100%" align="left" scrolling="yes" frameborder="0" id="contenido"> Texto alternativo para browsers que no aceptan iframes.</iframe>
  </div> 
  </body>
</html>

DX

Jesica · #3 (**permalink**) 10/08/2007, 08:52

Hola
Gracias por la respuesta, pero ya probé con el height al 100% y tampoco me funcionó.
Hay alguna otra forma?
Saludos

Jesica · #4 (**permalink**) 10/08/2007, 12:40

Gente, sigo frenada por este tema, estoy buscando en la web y no encuentro nada, probé con todo lo que se me ocurrió por lo poco que se sobre esto, y no lo logré, les agradeceria muchisimo que me den una mano con esto.
Saludos

hispamaster · #5 (**permalink**) 10/08/2007, 13:20

Código HTML:

<style type="text/css">
<!--
#Layer4 {
	position:absolute;
	overflow: auto; //el div se ajustara a su contenido
	z-index:0;
	left: 20%;
	top: 120px;
}
-->
</style>

<div id="Layer4" align="right">
      <iframe src="http://www.google.com" name="contenido"
      width="500" height="600" align="left" scrolling="no" frameborder="0" id="contenido"> Texto alternativo para browsers que no aceptan iframes.</iframe>
</div>

Te recomiendo que uses medidas absolutas en el tamaño del iframe

!!

Jesica · #6 (**permalink**) 10/08/2007, 13:36

vuelvo a agradecer, pero sigue sin adaptarse al contenido

hispamaster · #7 (**permalink**) 10/08/2007, 13:48

Cita:

Iniciado por Jesica

vuelvo a agradecer, pero sigue sin adaptarse al contenido

Tal vez no te entendí bien, nos podrías dar un ejemplo por favor. Porque tal vez el problema es que el iframe no es del tamaño de la pagina que esta contenida en este y da la impresión que el div esta, recortando el iframe.

agradecería que nos dieras mas detalles para poder ayudarte ;).

Jesica · #8 (**permalink**) 10/08/2007, 14:10

En el iframe se muestran resultados de una consulta y aparece el scroll cosa que no quiero, sino que quiero que se vaya expandiendo el iframe y a su vez el div que lo contiene, segun el espacio que ocupa el contenido.

hispamaster · #9 (**permalink**) 10/08/2007, 14:27

Por desgracia los iframes no son inteligentes y no podrán crecer de acuerdo al contenido que contengan, entonces lo que quieres hacer es prácticamente imposible.

Pero existen mas soluciones, por que no pones tus resultados directamente en el div este si podrá crecer de acuerdo al contenido que albergue, ademas de que te ahorras el uso frames que por lo menos yo no recomiendo el uso de ellos en estos tiempos.

Jesica · #10 (**permalink**) 10/08/2007, 14:38

Serìa bueno poder evitar el iframe, lo uso debido a que tengo una barra de navegación que apunta al iframe, no encontré forma de apuntar un target a un div.
Por eso hago target="iframe", para que me cargue la pagina.

hispamaster · #11 (**permalink**) 10/08/2007, 15:24

Existen soluciones como:

Usar un iframe con medidas absolutas, que permitan ver el contenido de una consulta normal. Podrás usar target para apuntar al iframe.
Pero !, Cuando el contenido de la consulta sobre pase el tamaño del iframe siempre te va a salir la barra de scroll.
Usar el capas en la consulta, el div siempre crecerá con el contenido que este albergue.
Pero !, Para esto tienes que saber el lenguaje de programación que están usando en esa consulta, ademas aquí no sera necesario usar target, ya que con el lenguaje de programación usado podrás incluir cualquier contenido en ese div.

Si no tienes conocimientos de programación, te recomiendo la primera opción solo es cosa de que le des un tamaño adecuado al iframe ( No se ve tan mal un scroll

).
Si tienes conocimientos de programación te recomiendo la segunda opción