Altura máxima para un iframe

JoniJnm · #1 (**permalink**) 14/03/2008, 18:33

Hola!

Utilizo un iframe con distintas src's, entonces quería saber cómo puedo hacer que la altura sea la entera, no sé si se hace con javascript, php o htm ^^

He mirado cómo lo hace joomla, pero ya en el html así que seguro que hay algún código php por medio. A ver si sirve:

Cita:

Gracias anticipadas, y perdonen mi ignorancia

GatorV · #2 (**permalink**) 15/03/2008, 23:58

Trasladado a JavaScript

JoniJnm · #3 (**permalink**) 16/03/2008, 09:53

stramin · #4 (**permalink**) 16/03/2008, 15:48

no entiendo lo que necesitas, a que te refieres con la altura entera? no decimal?

o te refieres a que debe ocupar toda la pagina? o que debe ocupar el tamaño entero de la pagina de destino dentro del iframe? @_@

si debe ocupar el alto de la pagina usa esto:

Cita:

o sea le das el tamaño 100% de la pagina, ademas, si quieres que ocupe tambien el espacio de los bordes de la pagina usa esto:

Cita:

aqui un ejemplo que usa todo el alto de la pagina:

http://localhost/forosdelweb/jonijnm.php

si eso era lo que necesitabas esto no era javascript, solo HTML XD

JoniJnm · #5 (**permalink**) 17/03/2008, 15:52

Hola,

Lo que quiero es que el iframe ocupe toda su altura, es decir, 100%. El problema es que si pongo height="100%" no funciona. Yo creo que hay que usar javascript para que la altura sea máxima, pero tampoco estoy seguro.

Gracias y saludos

stramin · #6 (**permalink**) 17/03/2008, 21:52

por que dices que no funciona? en el ejemplo que puse si funcionaba, muestrame la pagina que estas haciendo, copie el codigo que usaste y lo probe pero no funciona

JoniJnm · #7 (**permalink**) 20/03/2008, 11:12

Ahí lo puedes ver:

http://www.jonijnm.es/joni-search/

Está con altura 100%, y como puedes ver...

Es este el código que puse:

Cita:

Saludos, a ver si sabes porqué no se muestra todo :)

korg1988 · #8 (**permalink**) 21/03/2008, 01:14

lamentablemente siempre he renegado con los height de todas las cosas que he creado, tanto tablas, iframes, frames y lo que sea, que sea....
si pones "height="100%"" esto solamente se transforma en algo sin altura!!

en fin

primero que todo te recomendaria que le saques los margenes a la pagina asi el iframe ocupa toda la pagina como quieres..

y luego escribimos el iframe con el ancho y el alto de la ventana

todo esto se muestra a continuacion, solo tenes que insertar el <script></script> a donde quieras que se escriba el iframe..

despues me contas
suerte

Código:

<style>
body {
margin:0 auto;
}
</style>


<script>
var alto = screen.height;
var ancho = screen.width;
document.write('<iframe width="'+ancho+'" height="'+alto+'" frameborder="0" src="http://www.jonijnm.es/google/down.php"></iframe>');
</script>

fiel9000 · #9 (**permalink**) 21/03/2008, 05:18

Prueba a cambiarlo por pixeles fijos ---> height="1000px"(hasta el alto del iframe) el problema de esto es que depende de la configuración del usuario.

JoniJnm · #10 (**permalink**) 21/03/2008, 09:09

Hola,

Korg, puse el script, pero sigue sin poner la altura máxima, aquí puedes verlo:
http://www.jonijnm.es/joni-search/im...orosdelweb.htm
(Echa la barra inferior a la derecha para que se vea la barra lateral derecha)

Fiel, el problema es que va cambiando el iframe, y con él la altura, por eso no puedo tener una altura concreta.

korg1988 · #11 (**permalink**) 21/03/2008, 22:30

la verdad vi tu pagina y ahora entiedo menos aun lo que en realidad queres hacer :S

vamos de nuevo ... a ver

JoniJnm · #12 (**permalink**) 21/03/2008, 23:35

Pues tengo un iframe en el archivo google-negro-2.php, simplemente quiero que tenga de altura 100%, osea que el iframe ocupe todo lo alto que es.

Quizá tú piensas que quiero que el iframe ocupe toda la página google-negro-2.php? Pero no, desde la posición donde está, altura 100% hacia abajo

El problema es que si lo pongo el píxeles (px) pues como la src del iframe cambia también lo hace la altura, por eso como height="100%" no funciona, pues tiene que haber un script o algo.

Gracias

korg1988 · #13 (**permalink**) 23/03/2008, 13:21

ahora entiendo lo que queres hacer!... pero hasta donde yo se es imposible conocer el alto de un documento o el ancho.
no tengo solucion para darte en mi caso.

JoniJnm · #14 (**permalink**) 23/03/2008, 14:01

Por eso puse al principio del todo como lo hacía Joomla!, por si faltaba algún código php para que funcionara del todo, yo lo vi con "ver código de fuente de esta página".

Gracias por todo, saludos

fiel9000 · #15 (**permalink**) 24/03/2008, 09:37

Si no es imprescindible el iframe. Quitalo y ya esta, fuera problemas.
Pones el código a continuación en la página principal.

Fuzzylog · #16 (**permalink**) 20/08/2009, 01:39

Aunque hace tiempo que llovió desde este post, respondo esto por si resulta útil.

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>

Fuente: http://www.jasoft.org/blog/default,month,2009-08.aspx

JoniJnm · #17 (**permalink**) 20/08/2009, 06:13

Gracias fuzzylog, sirve.

En el body tengo letras y luego el iframe, entonces, al entrar en la página se ve el scroll del html y otro del iframe. El del html se ve porque el iframe ocupa el 100% de la altura de la pantalla, arriba hay letras, y entonces no cabe.

Para arreglarlo he puesto al iframe un poco menos de porcentaje de altura. Así va bien, pero me pregunto si hay algo de css que haga quedé igual lo que ponga arriba del iframe, para que no tenga que estar cambiando el porcentaje.

Si no me explico da igual, así va bien. Si pones tu codigo css con texto y luego el iframe me entenderás

Saludos y gracias!