Jump to content

Horizontal in Firefox, Vertical in Internet Explorer


jsarber

Recommended Posts

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...