jsarber Posted August 13, 2010 Report Share Posted August 13, 2010 I have some ShareThis buttons at the bottom of each post on my blog. As the title says, they are displayed vertically in IE and horizontally in FF. I want IE to display them like FF. Here's what I'm talking about: http://www.jeremysarber.com/wp-content/uploads/2010/08/sharethis-buttons.jpg Here's the code: <span st_url="<?php the_permalink() ?>" class="st_twitter_vcount" displayText="Tweet"></span><span st_url="<?php the_permalink() ?>" class="st_facebook_vcount" displayText="Share"></span><span st_url="<?php the_permalink() ?>" class="st_email_vcount" displayText="Email"></span><span st_url="<?php the_permalink() ?>" class="st_sharethis_vcount" displayText="Share"></span> I have no idea why they display differently or how to fix it. Any help would be appreciated. Quote Link to comment Share on other sites More sharing options...
falkencreative Posted August 13, 2010 Report Share Posted August 13, 2010 If you look at the code that is being generated, it looks like some elements are set to use "display:inline-block". This works in Firefox/Safari/Chrome, but inline-block support is incomplete or missing in IE6-7 (http://www.quirksmode.org/css/display.html), which may be causing the problem. I'd try giving the spans "float:left; display:block;" and then adjusting positioning/spacing as necessary. I'm betting that this change may fix your issues. Quote Link to comment Share on other sites More sharing options...
jsarber Posted August 13, 2010 Author Report Share Posted August 13, 2010 Thanks. Worked like a charm. Seems now like an obvious fix. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.