homepage Welcome to WebmasterWorld Guest from 54.205.254.108
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
(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?

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved