2 Replies - 683 Views - Last Post: 27 July 2012 - 11:47 PM

#1 MrBlueness   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 14-February 12

How do i get my fb button to not move

Posted 25 July 2012 - 02:58 PM

So i recently put an iframe containing the facebook like script on my page. Now i got the box rite where i wanted it, but when you view the page on a larger computer monitor it gets out of place, how can i make it stay in the same spot, no matter what the screen size or resolution is?
Thanks for any help ! :^:
Is This A Good Question/Topic? 0
  • +

Replies To: How do i get my fb button to not move

#2 floppyspace   User is offline

  • D.I.C Regular

Reputation: 48
  • View blog
  • Posts: 256
  • Joined: 04-February 10

Re: How do i get my fb button to not move

Posted 25 July 2012 - 08:22 PM

and the code you are using?
Was This Post Helpful? 0
  • +
  • -

#3 amit.soni   User is offline

  • D.I.C Head

Reputation: 26
  • View blog
  • Posts: 73
  • Joined: 19-November 10

Re: How do i get my fb button to not move

Posted 27 July 2012 - 11:47 PM

<div id="myDiv">
        <iframe id="iframe" src="http://www.dreamincode.net">
            <p>
                Your browser does not support iframes.
            </p>
        </iframe>
    </div>



And CSS
 #myDiv
        {
            position:absolute;
            width:600px;
            height:500px;
            left:50%;
            margin-left:-300px;
            border:1px solid black;
        }
        
        #iframe
        {
            position:inherit;
            margin-left:100px;
            margin-top:100px;
        }


Was This Post Helpful? 0
  • +
  • -

Page 1 of 1