Welcome to WebmasterWorld Guest from 184.73.126.70

Forum Moderators: incrediBILL

Message Too Old, No Replies

(IE bug in Facebook Iframes; Scroll down like crazy) Need help to fix

iframes facebook scrolldown bug scrollbar

   
8:01 pm on Feb 22, 2013 (gmt 0)



The code works fine in JSFIDDLE, both in Mozilla and IE, but when I paste this code in my facebook iFrames tab, I get crazy scroll down in IE/Chrome (Mozilla works fine just like in JSFIDDLE).



Can you help me to fix it, please?

iFrames in facebook is just an app that let you paste any content (HTML,CSS,Java) that will be surrounded by facebook frame. Look at the screenshots below:

[i.imgur.com ]

[i.imgur.com ]

JSFIDDLE Link
[jsfiddle.net ]

The same code in Facebook iFrames
[facebook.com ]

HTML
<html>
<body>
<div>
<a id="button" href="http://mysite.com"></a>
</div>
</body>
</html>


CSS
div {
width: 810px;
height: 810px;
background: url('https://gator1174.hostgator.com/~mskparik/facebook/thx.jpg')
}

#button{
display: block;
width: 204px;
height: 116px;
background: url(https://gator1174.hostgator.com/~mskparik/facebook/111.png) no-repeat top left;
position: absolute;
top: 70%;
left:5%;
}
#button:hover {
background: url(https://gator1174.hostgator.com/~mskparik/facebook/222.png) no-repeat top;
}
8:35 pm on Feb 22, 2013 (gmt 0)



Nvm...

I got it fixed.
8:40 pm on Feb 22, 2013 (gmt 0)

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



I saw it the first time I loaded the page, but after refreshing it went away and I haven't been able to recreate it again. From what little I was able to tell, it seemed that some JavaScript was setting the height on an element a few times per second, causing it to grow and grow.
8:40 pm on Feb 22, 2013 (gmt 0)

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



What was the fix?