Hide Facebook Widget Fix
Posted: 29 Mar 2011, 16:37
Issue: There is recommended a 3px margin on the right side of the "X" to close the Facebook Widget:
If you tried to hover over the X in IE8 or IE9 it would disappear before you were able to click: the issue is when there is no background-color or layer-background-color selected, the transparent space in the layer is no longer attributed to the layer, rather the page body layer.
To correct this, you may:
1. Remove the margin, and add an html spacer that is flush (no margin) to the FaceBook Widget:
--OR--
2. Assign a layer color:
Code
margin: 0px 3px 0px 0px;To correct this, you may:
1. Remove the margin, and add an html spacer that is flush (no margin) to the FaceBook Widget:
Code
<a href="#" title="Hide Facebook Widget" onclick="document.getElementById('myfacebook').style.display = 'none';return false;" style="visibility: hidden; font-family: Verdana; text-decoration: none; color: #d5d5d5; vertical-align: top; display: inline-block; margin: 0px 0px 0px 0px; font-size:12px;" id="myclosebutton">x </a><2. Assign a layer color:
Code
<div style="position:absolute; background-color:#FFFFFF; layer-background-color:#FFFFFF; ...