After been doing a lot of work on the site I noticed when testing in IE8 and Firefox 3.6.x that I was the proud winner of a vertical scroll-bar. Spending hours to figure out why the page suddenly had become about 300 pixels wider I found that the problem had to do with the Facebook Like Button code.
This is not a problem if you one uses the iframe code, but using the iframe solutions also means a static height whereas the height is automatically adjusted when using XFBML code. So after been playing around with XFBML code I figured out that it was the div fb-root which was causing the problem and the solution was to hide it.
Shown below is the XFBML code which creates the Facebook Like Button and the solution to the vertical scroll-bar bug. This solution has been tested in Chrome, Firefox, IE8, IE9, Safari and Opera (which is actually a really nice browser). This is isn’t tested for IE7, but the like from a IE7 user isn’t that important ; )
XFBML code
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#appId=251259271567761&xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
// ]]></script>
Solution
Set div fb-root css to display:none in your style-sheet.
display: none;
}
Posted in 
Tags: 
« 
![Apple iPhone 4S Battery Drain Is Starting To Become A Serious Issue [iOs 5]](http://www.mmncs.com/wp-content/plugins/special-recent-posts/lib/phpimage.php?width=100&height=100&rotation=no&file=L3Vzci9zaGFyZS9uZ2lueC93d3cvbW1uY3MuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy9hcHBsZS1pcGhvbmUtNHMtcHJlLW9yZGVycy1yZWNvcmQtbGV2ZWwuanBn)
![The Best Programming Contest Ever Made – The AI Challenge Ants 2011 [Developer]](http://www.mmncs.com/wp-content/plugins/special-recent-posts/lib/phpimage.php?width=100&height=100&rotation=no&file=L3Vzci9zaGFyZS9uZ2lueC93d3cvbW1uY3MuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy90aGUtYWktY2hhbGxlbmdlLWFudHMtcHJvZ3JhbW1pbmctY29udGVzdC5qcGc=)
![Take A Picture Of Any Website [WordPress Screenshot Demo]](http://www.mmncs.com/wp-content/plugins/special-recent-posts/lib/phpimage.php?width=100&height=100&rotation=no&file=L3Vzci9zaGFyZS9uZ2lueC93d3cvbW1uY3MuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy90YWtlLWNvb2wtc2NyZWVuc2hvdC1waWN0dXJlLXBpeC1jb25jZXB0LWRpZ2l0YWwtY2FtZXJhLmpwZw==)
![Optimize Your Time And Write Better CSS With {less} – [CSS Stylesheets]](http://www.mmncs.com/wp-content/plugins/special-recent-posts/lib/phpimage.php?width=100&height=100&rotation=no&file=L3Vzci9zaGFyZS9uZ2lueC93d3cvbW1uY3MuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy93cml0ZS1iZXR0ZXItY3NzLXdpdGgtbGVzcy1vcHRpbWl6ZS1hbmQtcmV1c2UucG5n)
![Call Your Friends For Free – Cut The Expensive Voice And Text Plans To The Bare Minimum [Mobile Apps]](http://www.mmncs.com/wp-content/plugins/special-recent-posts/lib/phpimage.php?width=100&height=100&rotation=no&file=L3Vzci9zaGFyZS9uZ2lueC93d3cvbW1uY3MuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy92aWJlci1mcmVlLWlwaG9uZS1hbmRyb2lkLW1vYmlsZS1hcHAtdG8tY2FsbC13aWZpLnBuZw==)
![Add a Cool Google Plus Profile Add to Circles Widget to Your Website [Google Plus]](http://www.mmncs.com/wp-content/plugins/special-recent-posts/lib/phpimage.php?width=100&height=100&rotation=no&file=L3Vzci9zaGFyZS9uZ2lueC93d3cvbW1uY3MuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy9nb29nbGUtcGx1cy1pbnZpdGVzLWNpcmNsZXMtYWRkLWV4cG9ydC1hbGwteW91ci1mYWNlYm9vay1mcmllbmRzLXRvLWdvb2dsZS1wbHVzLWNocm9tZS1leHRlbnNpb24tZmFjZWJvb2stZnJpZW5kLWV4cG9ydGVyMS1lMTMxMjYxODQ3NDcyNC5wbmc=)
![How To Export All Your Facebook Friends To Google+ Using Yahoo Mail [Google+]](http://www.mmncs.com/wp-content/plugins/special-recent-posts/lib/phpimage.php?width=100&height=100&rotation=no&file=L3Vzci9zaGFyZS9uZ2lueC93d3cvbW1uY3MuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy95YWhvby1leHBvcnQtYWxsLXlvdXItZmFjZWJvb2stZnJpZW5kcy10by15YWhvby1hbmQtdGhlbi1nbWFpbC1nb29nbGUtcGx1cy1jb25uZWN0LWltcG9ydC1zaGFyZS1lMTMxMjgzODQ5MTc1OS5qcGc=)
![Add a Simple Google Translate DropDown Box To Your Web Site [Tips & Tricks]](http://www.mmncs.com/wp-content/plugins/special-recent-posts/lib/phpimage.php?width=100&height=100&rotation=no&file=L3Vzci9zaGFyZS9uZ2lueC93d3cvbW1uY3MuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy9nb29nbGUtdHJhbnNsYXRlLXRpcC1ub3RyYW5zbGF0ZS1ibG9nZ2Vycy13ZWItZGV2ZWxvcGVyLXRpcHMtdHJpY2tzMS5qcGc=)
![Google Closes Down 10 Mayor Business Areas [Tech News]](http://www.mmncs.com/wp-content/plugins/special-recent-posts/lib/phpimage.php?width=100&height=100&rotation=no&file=L3Vzci9zaGFyZS9uZ2lueC93d3cvbW1uY3MuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy9nb29nbGUtd2ViLW5ld3MtdGVjaG5vbG9neS10aXBzLXRyaWNrcy1saWZlaGFjay10aGVuZXh0d2ViLmpwZw==)
man you rock its working for my facebook like box