473,404 Members | 2,187 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,404 software developers and data experts.

(IE bug in Facebook Iframes; Scrolldown mess) Need help to fix my html/css button

3
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:

http://i.imgur.com/vn8PCP5.jpg

http://i.imgur.com/xyReKvK.jpg

JSFIDDLE Link
http://jsfiddle.net/cRqhT/127/

The same code in Facebook iFrames
http://www.facebook.com/podstrigis/app_201742856511228

HTML
Expand|Select|Wrap|Line Numbers
  1. <html>
  2.     <body>
  3.         <div>
  4. <a id="button" href="http://mysite.com"></a>
  5.             </div>
  6.         </body>
  7.     </html>
CSS
Expand|Select|Wrap|Line Numbers
  1. div {
  2.     width: 810px;
  3.     height: 810px;
  4.     background: url('https://gator1174.hostgator.com/~mskparik/facebook/thx.jpg')
  5. }
  6.  
  7. #button{
  8.   display: block;
  9.     width: 204px;
  10.     height: 116px;
  11.     background: url(https://gator1174.hostgator.com/~mskparik/facebook/111.png) no-repeat top left;
  12.     position: absolute;
  13.     top: 70%;
  14.     left:5%;
  15. }
  16. #button:hover {
  17.     background: url(https://gator1174.hostgator.com/~mskparik/facebook/222.png) no-repeat top;
  18.     }
Feb 22 '13 #1
1 1971
msk1
3
Nvm...

I got it fixed.
Feb 22 '13 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

2
by: Matt | last post by:
The code <input type="button" name="btn" value="ok"> will produce a html button with caption ok and value ok. The problem is the width of button is dependent on the length of attribute value. ...
3
by: FantaJ | last post by:
Hi, Is it possible to make a html button invisible using javascript? I can certainly disable it: var x=document.getElementById('button2'); x.disabled=true; //x.type = 'hidden'; // read...
2
by: Rocio | last post by:
I have a html button created with <input type="submit" id="btnPayNotices" value="Pay Notices" /> now I need to trap the click event at the server side. Yes, this button had to be created with...
1
by: Victor Sayas | last post by:
i have a html button in a webform that i converted to run as web server control. i have an onclick event on the .net ide and also in the html side. my problem is i cant seem to syncronize it so...
7
by: J-T | last post by:
I have a user control called "Test1" with two button on it ,one is input and the other one is a server control as follow: <input type="button"...
1
by: Bishoy George | last post by:
I have an html button that reads a text box and runs a javascript. I made a Required Validator on that text box , any web button follows that validator. My html button does not follow the...
4
by: Ryan | last post by:
Hello, I have a standard HTML button on an aspx web form that I have set to runat server. The button is named reset1 and its tag is as follows: <INPUT id="btnReset1" style="WIDTH: 60px;...
0
by: jimryder | last post by:
I have an HTML button next to a Webcontrol Command button on my aspx page. They don't look the same! I know how to style, I just don't know what style to use to make the HTML button look like...
1
by: sani723 | last post by:
i am using an HTML button having attribute runat="server" in the XSLT file in the webservice and then i want to call a function from code behind file onClick event of the Button. but i need to...
4
by: ismailc | last post by:
Good day, I need to use the value of the name to an html button onclick click function. <xsl:element name="asp:CheckBox"> <xsl:attribute name='id'><xsl:value-of select='@name'...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.