Pregunta

Tengo un problema en el que la imagen de fondo se corta hacia la derecha cuando te desplazas de izquierda a derecha.Esto sucede cuando la aplicación está alojada en el iframe de nuestra página comercial de Facebook, no cuando va a apps.facebook.com.He cambiado el ancho del lienzo a fluido y no ayuda.

Este es un ejemplo de lo que estoy hablando, intente desplazarse hacia la derecha:

https://www.facebook.com/pages/TeleManager-Technologies-Inc / 134181063301299? Sk= app_241678922556190

Este es el enlace de una aplicación real:

http://apps.facebook.com/irefill

Como puede ver en el segundo enlace, no se corta nada a un lado.Intenté jugar con algunas propiedades CSS como "desbordamiento" y todavía no ayudó.

Gracias por su ayuda.

¿Fue útil?

Solución

Agregué un ancho a la etiqueta de su cuerpo dentro del costado del cuerpo del iframe - {width: 1000px;}

Debido a que no había declarado un ancho en el, estaba heredando el ancho del iframe en el que está anidado, que es 520px, el ancho máximo para las pestañas de la página de Facebook.

Agregue un ancho a su que sea mayor que el ancho de la imagen que se está cortando y debería estar listo.

Otros consejos

Solo tienes 520 píxeles de ancho para permanecer dentro de Facebook.

intente limitar el

body{width:520px;}
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top