Pergunta

Estou tendo um problema em que a imagem de fundo é cortada para a direita quando você rola da esquerda para a direita.Isso acontece quando o aplicativo está hospedado no iframe de nossa página empresarial do Facebook, não quando você acessa apps.facebook.com.Mudei a largura da tela para fluida e isso não está ajudando.

Este é um exemplo do que estou falando, tente rolar para a direita:

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

Este é o link para um aplicativo real:

http://apps.facebook.com/irefill

Como você pode ver no segundo link, nada está sendo cortado para o lado.Eu tentei brincar com algumas propriedades do css, como "overflow" e ainda não ajudou.

Obrigado por sua ajuda.

Foi útil?

Solução

Eu adicionei uma largura à sua tag body dentro do corpo do iframe - {width: 1000px;}

Como você não declarou uma largura no, ele estava herdando a largura do iframe em que está aninhado, que é 520 px, a largura máxima para as guias da página do Facebook.

Adicione uma largura maior do que a largura da imagem que está sendo cortada e você estará pronto para prosseguir.

Outras dicas

Você tem apenas 520 pixels de largura para permanecer no Facebook.

tente limitar o

body{width:520px;}
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top