Problema iFrame Firefox e IE

jetemias · #1 (**permalink**) 06/10/2012, 06:04

Hola a todos, estoy creando una Web y tengo un problema.
Quiero añadir/incrustar un foro phpbb3 a mi web, para ello he pensado utilizar un iFrame, pero me da problemas en Firefox e IE, sin embargo en el Chrome sale perfecto.

¿Podrían ayudarme con el problema o darme una posible solución.?

Gracias de antemano.
Saludos

Código del iFrame:

Código:

<iframe src="phpbb3/" width="100%" height="100%" scrolling="auto">
Debes actualizar el navegador para poder ver el foro correctamente.
</iframe>

emprear · #2 (**permalink**) 06/10/2012, 14:27

Cita:

Iniciado por jetemias

Hola a todos, estoy creando una Web y tengo un problema.
Quiero añadir/incrustar un foro phpbb3 a mi web, para ello he pensado utilizar un iFrame, pero me da problemas en Firefox e IE, sin embargo en el Chrome sale perfecto.

¿Podrían ayudarme con el problema o darme una posible solución.?

Gracias de antemano.
Saludos

Código del iFrame:

Código:

<iframe src="phpbb3/" width="100%" height="100%" scrolling="auto">
Debes actualizar el navegador para poder ver el foro correctamente.
</iframe>

Se puede saber cual es el problema en relación a lo perfecto?
Saludos

jetemias · #3 (**permalink**) 07/10/2012, 12:59

Cita:

Iniciado por emprear

Se puede saber cual es el problema en relación a lo perfecto?
Saludos

Bueno, creo que no me he explicado bien ante esta respuesta, sería perfecto si solo existierá un navegador en el mundo, el chrome (para mi problema, no indico que el mejor sea este).

Mi problema reside en los demas navegadores, que no se visualiza correctamente y quisiera una solución para esto.

Saludos

Sirikon · #4 (**permalink**) 07/10/2012, 13:23

Cita:

Iniciado por jetemias

Bueno, creo que no me he explicado bien ante esta respuesta, sería perfecto si solo existierá un navegador en el mundo, el chrome (para mi problema, no indico que el mejor sea este).

Mi problema reside en los demas navegadores, que no se visualiza correctamente y quisiera una solución para esto.

Saludos

Pero cómo se visualiza, cuál es exactamente el problema, sé más detallado.

Saludos

jetemias · #5 (**permalink**) 07/10/2012, 13:32

Cita:

Iniciado por Sirikon

Pero cómo se visualiza, cuál es exactamente el problema, sé más detallado.

Saludos

Ok, para menos confusiones pongo las imágenes para que podáis verlo:
Visualización en Chrome: (correcta)

Visualización en otros navegadores:

Saludos

Sirikon · #6 (**permalink**) 07/10/2012, 13:43

Ahh esque el usar height: 100% suele dar fallos de ese tipo en firefox, y no he tenido nunca que reparar eso ya que siempre evito los iframes.

He estado indagando por ahí y una solución que daban era darle también el valor height: 100% al body y al html. Prueba a añadirle "height: 100%;" a las etiquetas body y html en css, tal que así:

Código CSS:

Ver originalbody, html {
  height: 100%;
}

Cuéntanos cómo te fue!

Saludos!

jetemias · #7 (**permalink**) 08/10/2012, 11:10

Hola, no me funciona, se sigue viendo igual.

¿Tú que usarías en este caso?

Saludos y gracias por la ayuda.

emprear · #8 (**permalink**) 08/10/2012, 11:18

Hay que analizar el código o ver la url

Saludos

jetemias · #9 (**permalink**) 08/10/2012, 12:21

Cita:

Iniciado por emprear

Hay que analizar el código o ver la url

Saludos

Os puedo pasar la url, aunque no se si se podría considerar spam:

Código HTML:

http://www.javaleague.xtrweb.com/Foro/

Saludos

emprear · #10 (**permalink**) 08/10/2012, 13:19

En este caso la url se justifica
Tu css y html está algo desprolijo, ademas hay divs contenedores que sobreescriben estilos, te dejo esto a manera de parche
a lo que ya agregaste para body y html 100%
en el css cambia x

Código CSS:

Ver original#page { width: 874px; margin: 0 auto; height:100%;}
#page { padding: 0 28px; min-height: 100%; background: url(images/bg.gif) repeat-y center 0; }
 
#main { border-bottom: solid 1px #e3e7e9; margin-bottom: 6px; height:100%;}
 
iframe{
height: 100%;
width: 100%;
}

y en tu html

Código HTML:

Ver original<iframe src="DatosForo/index.php" frameborder="0"  scrolling="auto">

veo tambíen algún problema de codificación en tu html, guardá el archivo como utf-8 sin BOM
SAludos

jetemias · #11 (**permalink**) 10/10/2012, 11:38

Hola emprear, he modificado el css, primero he susutituido lo de

Código:

    body, html {
      height: 100%;
    }

por el último código que me has pasado, corrige el scroll horizontal, pero el vertical sigue sin salir correctamente. El segundo paso ha sido volver a colocar el código que he puesto antes junto con el que me has pasado en el último mensaje, pero tengo el mismo resultado que en el primer paso.

¿Tienes alguna otra idea?
Gracias por la ayuda que me estas dando.

Saludos

emprear · #12 (**permalink**) 10/10/2012, 12:01

yo lo hice desde el editor de código css del firefox y se corrigió

Saludos

jetemias · #13 (**permalink**) 10/10/2012, 12:10

Cita:

Iniciado por emprear

yo lo hice desde el editor de código css del firefox y se corrigió

Saludos

Ese plugin no le conozco. Cual es? (O te refieres a lo de seleccionar elemento)
Sobre los dos casos que he puesto, cual es el correcto?

Saludos

emprear · #14 (**permalink**) 10/10/2012, 12:40

http://chrispederick.com/work/web-developer/

CSS/Edit css

emprear · #15 (**permalink**) 10/10/2012, 12:51

si te interesa desde aqui la version anterior 1.1.9 que viene en español
https://addons.mozilla.org/en-US/fir...oper/versions/
luego desactivá actualizaciones automáticas desde el administrador de complementos para esa extensión (link "más")

Saludos

jetemias · #16 (**permalink**) 10/10/2012, 12:51

Cita:

Iniciado por emprear

[url]http://chrispederick.com/work/web-developer/[/url]

CSS/Edit css

Sobre la segunda pregunta, cual es el correcto?

emprear · #17 (**permalink**) 10/10/2012, 13:13

A que dos casos te referís?
Hacé la prueba con la herramienta. Ahora me tengo que ir después lo voty a verificar, pero estoy casi seguro que se corregia con eso
Saludos

jetemias · #18 (**permalink**) 10/10/2012, 13:25

Caso uno:

Código HTML:

body, html {
      height: 100%;
    }
    #page { width: 874px; margin: 0 auto; height:100%;}
    #page { padding: 0 28px; min-height: 100%; background: url(images/bg.gif) repeat-y center 0; }
     
    #main { border-bottom: solid 1px #e3e7e9; margin-bottom: 6px; height:100%;}
     
    iframe{
    height: 100%;
    width: 100%;
    }

Caso dos (sin el head y el body):

Código HTML:

    #page { width: 874px; margin: 0 auto; height:100%;}
    #page { padding: 0 28px; min-height: 100%; background: url(images/bg.gif) repeat-y center 0; }
     
    #main { border-bottom: solid 1px #e3e7e9; margin-bottom: 6px; height:100%;}
     
    iframe{
    height: 100%;
    width: 100%;
    }

Saludos

EDIT: He modificado el estilo css y por lo menos ahora ya se ve bien el foro, aunque la página no se termine de visualizar correctamente, es decir, en la parte inferior de la web, mi div con id="page" no se visualiza correctamente en toda la web, estoy tratando de resolverlo.