[Pro] Responsive layout and the Facebook Like button?

What’s the secret to adding a Facebook Like Button iFrame code to the Crowbar action in a responsive layout? No matter what settings I try (floats, div dimensions, etc.), the code screws up my fixed IOS layouts to the point where there’s a lot of extra space to the right side.

I’d post a link to the website I’m working on, but I can’t for confidentiality reasons.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Can you make a redacted version of that one page? Might be useful to see if a cut-down version still exhibits the issue, too.

Walter

On May 2, 2014, at 1:38 AM, RavenManiac wrote:

What’s the secret to adding a Facebook Like Button iFrame code to the Crowbar action in a responsive layout? No matter what settings I try (floats, div dimensions, etc.), the code screws up my fixed IOS layouts to the point where there’s a lot of extra space to the right side.

I’d post a link to the website I’m working on, but I can’t for confidentiality reasons.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Very, very unsure in this, but seek for the width attribute within your (iFrame) code and substitute the (fixed) pixel value with

100% !important

The !important might not be necessary, won’t hurt, though.

The “CrowBar”-item does not have any dimensions.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Good guess Thomas. That worked perfectly. Now, if I can just figure out how to position the button without it floating all over the place on different IOS devices. :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Walter, I just emailed you the link.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 2 May 2014, 12:08 pm, Thomas Kimmich wrote:

Very, very unsure in this, but seek for the width attribute within your (iFrame) code and substitute the (fixed) pixel value with

100% !important

The !important might not be necessary, won’t hurt, though.

The “CrowBar”-item does not have any dimensions.

Cheers

Thomas

Although this worked great, what I don’t understand is why. Now that I’ve substituted the fixed width value with 100% !important, where does FWP get the width information for that item?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

From its parent DIV apparently?

I suppose you placed it relative, somewhere in a wrapping-DIV. So the width of this is the width of the iFrame.

Gosh - hard to explain, isn’t it?

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

No, that makes sense. Thanks Thomas.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options