Twitter follow button -- why do they give that iframe a width?

HTML & CSS
1

[FONT=Verdana]
when I create a Twitter follow button (https://dev.twitter.com/docs/follow-button)

I’m floating it right, but it doesn’t display right because Twitter gives that iframe a width!!!

why on earth do they do that… I can’t set it to width:auto because then it acquires block-element width, but I’m floating it, so I need “saran wrap” width…

so iframe on my button is now 226px, which they set for the iframe containing the button, but total space my “follow” button (including counter) is about 170px wide… setting text-align right didn’t work, either for the <span> where I create my button (i.e., where iframe is contained) or for iframe itself…

what is solution here, please, and why on earth do they set a width at all for this??? this is ridiculous… bad programming on their part…

thank you…

[/FONT]

2

[FONT=Verdana]
ok, I found where you can set width, but this is no good…

if I zoom window than right part of button disappears (meaning it’s not responsive…:wink:
I gave it same width as containing element, but this doesn’t work because align-right doesn’t work…

<span><a href="https://twitter.com/TheNewYorker" data-show-screen-name="false" 
data-width="400px" data-size="large" class="twitter-follow-button" data-show-count="true" 
data-lang="en">Follow</a></span>

neither one of these work…


#tweets_hdr span {float:right;  display:block; text-align:right; }
#tweets_hdr span iframe { text-align:right;  }

[/FONT]

3

Do you have a link to the page so we can see if anything can be done?

I’m not sure there’s much you can change if you the iframe method but the documentations suggests that width can be altered in the javascript method of attaching the button.

4

yes I had to set a width… was hoping to be able to do this w/o setting a width…

thank you…