12 {{ upvoteCount | shortNum }}
12 {{ upvoteCount | shortNum }}

Facebook iframe page question

by Tsnyder
10 replies
I must be brain dead today...

I've built a ton of websites but I've never built one
with limited page width.

I'm watching an excellent video on how to do an iframe
for the new Facebook pages and it tells me to make a
page that's 500 px wide.

OK... I give up... how do I limit the page width to 500 px?
Google has not been my friend on this subject!

See... I told you... brain dead... lol

Thanks

Tsnyder
#facebook #iframe #page #question
  • Profile picture of the author carleisenstein
    You just need to put the site content in a DIV block, and then use CSS to set that DIV width to 500px. Then you'll have a site that's limited to 500px wide...
    {{ DiscussionBoard.errors[3564266].message }}
  • Profile picture of the author hypnoskills
    Here's one way to do it: How to Set an Iframe's Width and Height Properties - Programmer's Heaven
    {{ DiscussionBoard.errors[3564270].message }}
  • Profile picture of the author Mo Goulet
    Go to my facebook page at Smoking Solutions | Facebook

    Right click in the frame and view frame in a new window.

    In the new window, right click and view source.

    Copy source code

    If you have any questions let me know. I'll be back online in about 2 hours
    Signature
    Domain Names For Sale. Make an Offer.
    {{ DiscussionBoard.errors[3564286].message }}
    • Profile picture of the author anmitrad
      Originally Posted by proapc View Post

      Go to my facebook page at Smoking Solutions | Facebook

      Right click in the frame and view frame in a new window.

      In the new window, right click and view source.

      Copy source code

      If you have any questions let me know. I'll be back online in about 2 hours
      Hey,

      I really like the design of that iframe!

      Did you do it yourself ? As i am learning to build them at the moment, and would love to replicate something similar to this.

      Would appreciate any advice
      Thanks

      Andy
      {{ DiscussionBoard.errors[3606486].message }}
      • Profile picture of the author Mo Goulet
        Originally Posted by anmitrad View Post

        Hey,

        I really like the design of that iframe!

        Did you do it yourself ? As i am learning to build them at the moment, and would love to replicate something similar to this.

        Would appreciate any advice
        Thanks

        Andy
        That particular IFrame is the easiest of all the pages I've done. Once you set the perimeters of the code, the rest is simple. You build everything in an application like dreamweaver or textpad and then upload it to your server. You then call the app in a FB Iframe. I don't know where you are as a developer but once you understand all the short cuts, It'll take you about 5 minutes to build the page and 1 minute to upload it. You then set up your Facebook page to call the Iframe which takes about 30 seconds doing it my way or you can build the application yourself and waste time like most people do. Anyone can build, upload and call an IFrame in about 15 minutes once you know all the tools of the trade.
        Signature
        Domain Names For Sale. Make an Offer.
        {{ DiscussionBoard.errors[3607297].message }}
        • Profile picture of the author linkninja
          Thanks from me as well!
          {{ DiscussionBoard.errors[3608216].message }}
    • Profile picture of the author Tsnyder
      Originally Posted by proapc View Post

      Go to my facebook page at Smoking Solutions | Facebook

      Right click in the frame and view frame in a new window.

      In the new window, right click and view source.

      Copy source code

      If you have any questions let me know. I'll be back online in about 2 hours
      Looking back through the thread I see I issued a general
      thank you to everyone but I didn't properly thank you, specifically,
      for this post.

      Thanks a lot! It was really simple to plug in my message.

      Tsnyder
      Signature
      If you knew what I know you'd be doing what I do...
      {{ DiscussionBoard.errors[3608080].message }}
  • Profile picture of the author Tsnyder
    Thanks everyone... I got the page built now
    I'm just futzing around with the FB app to get
    it to open properly... lol

    Tsnyder
    Signature
    If you knew what I know you'd be doing what I do...
    {{ DiscussionBoard.errors[3568269].message }}
  • Profile picture of the author StrikeNet
    Glad that got answered for ya! The easiest way is just to surround your entire content with this...

    Beginning of content:
    Code:
    <div style="width: 500px;overflow-x: hidden;">
    End of content:
    Code:
    </div>
    {{ DiscussionBoard.errors[3568631].message }}
  • Profile picture of the author Mo Goulet
    You're welcome...

    Mo
    Signature
    Domain Names For Sale. Make an Offer.
    {{ DiscussionBoard.errors[3608147].message }}

Trending Topics