| (IE bug in Facebook Iframes; Scroll down like crazy) Need help to fix
iframes facebook scrolldown bug scrollbar |
msk1
msg:4547992 | 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;
}
|
msk1
msg:4548014 | 8:35 pm on Feb 22, 2013 (gmt 0) |
Nvm...
I got it fixed.
|
Fotiman
msg:4548016 | 8:40 pm on Feb 22, 2013 (gmt 0) |
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.
|
Fotiman
msg:4548018 | 8:40 pm on Feb 22, 2013 (gmt 0) |
What was the fix?
|
|
|
