How to get rid of this whitespace in internet explorer?
I've got a Facebook like button that is bugging me in internet explorer 7/8 (this doesn't happen in Firefox or Google Chrome or IE9(+))
I want to get rid of the white area but how? The relevant HTML and CSS is
<div class="fbstuff"> <div style="margin-top:3px;margin-left:15px;float:right;"> <iframe src="http://www.facebook.com/plugins/like.phphref=http://www.bnano.eu&layout=button_count&locale=en_US" scrolling="no" frameborder="0" style="border:none; width:200px; height:80px"></iframe> </div> </div>
I don't know why the white area appears and this seems to happen in =< IE8 only. What can I do to resolve this? Here's the live link. Thanks.
you are setting the width and height in the html of your iframe here:
if you delete these values, your browser will render the default size for an iframe. Rather set these values to exaclty the dimensions of the button.
the reason why you see it in IE and not in firefox, is that firefox renders an iframe background as transparent and old IE renders it as white