css - Facebook Like social plugin sizing issues -


i using facebook social plugin on website, , every time page loads, plugin stretches height of div in until plugin has loaded.

i did define height of div social plugin in, though height stayed same, still see shift. using twitter , google plus social plugins - makes shift more noticeable since shifted (shift under h3 heading).

.socialbookmarks {margin:30px 0;padding:5px 15px;overflow:hidden;}

.socialbookmarks .social-wrap {display:inline-block;vertical-align:middle;}

.social-wrap .ezimagebox {float:left}

<div class="socialbookmarks">     <h3 class="inline-block">share:</h3>        <div class="social-wrap clearfix">           <div class="ezimagebox">          (loads twitter social plugin)          </div>          <div class="ezimagebox">         (loads google plus social plugin         </div>          <div class="ezimagebox">         (loads facebook social plugin)               </div>        </div> </div> 

anyone have ideas on how work around problem? :)

setting width , height of wrapping <div> (in case, .ezimagebox) trick me.

try this:

.social-wrap .ezimagebox {float:left, width:100px, height: 20px; overflow:hidden;} 

does still flicker?


Comments

Popular posts from this blog

Why does Ruby on Rails generate add a blank line to the end of a file? -

keyboard - Smiles and long press feature in Android -

node.js - Bad Request - node js ajax post -