Possible to remove inset border on iFrames??

[charlyanderson]

Only seems to be a problem in IE8 and below but it looks like an inset border has been applied to both my facebook plugin and another iframe for my contact form. Could someone advise me of a solution to remove this?

CSS is:-

#fblike{float:right; width:100px;}
.fbstyle{border:none; border-style:none; overflow:hidden; width:100px; height:21px;}

HTML is:-

<div id="fblike">
            	<iframe style="scrolling=no allowTransparency=true" class="fbstyle" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FCharlyAndersonFreelanceWebDesigner&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;font=tahoma&amp;colorscheme=light&amp;action=like&amp;height=21" ></iframe>
	</div>

[AndrewGSW]

Your style attribute is incorrect within the iframe: scrolling and allowTransparency are attributes of an iframe.

<iframe src="myURL" width="300" height="300" frameBorder="0" scrolling="no" allowTransparency="true"></iframe>

You can then tweak it a little with css.

[charlyanderson]

Can anyone show me how to tweak it as Im not sure how to

[AndrewGSW]

Originally Posted by charlyanderson

Can anyone show me how to tweak it as Im not sure how to

What do you want to tweak? It would help a lot if you could provide a link to the live page. Even a screenshot might give us a clue.

[charlyanderson]

hi, thanks for your reply. My facebook plugin which is in an iFrame has a border, it looks like a bevel border and I dont know how to remove it

[AndrewGSW]

Originally Posted by charlyanderson

hi, thanks for your reply. My facebook plugin which is in an iFrame has a border, it looks like a bevel border and I dont know how to remove it

Without more code or a link to a page....