Random CSS in IE question..

  • Eyup,

    I’ve implemented a couple of plugins; one a FB and the other a Twitter so I can share stuff out. Being an anal perfectionist I wanted the ShareThis plugin with official buttons but ShareThis don’t do them very well but I still wanted the ShareThis plugin so I manually stuck it into the single.php with a little css amendments so that everything sits together neatly, in alignment and level.

    It works in everything other than…… drum roll….. Internet Explorer.

    Surprised? Thought not.

    So, this is what I did:

    <div style="position: absolute; margin-left:100px; margin-top:30px"><span class='st_sharethis_hcount' st_title='<?php the_title(); ?>' st_url='<?php the_permalink(); ?>' displayText='share'></span><span class='st_plusone_hcount' st_title='<?php the_title(); ?>' st_url='<?php the_permalink(); ?>' displayText='share'></span></div>

    The top line obviously is the handmade code but what am I doing wrong so that it doesn’t align in IE?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter ttj90

    (@ttj90)

    Oh! And on the SFC,

    I’m getting this in the FB Linter:

    Inferred Property The og:locale property should be explicitly provided, even if a value can be inferred from other tags.

    That’s my only gripe with this plugin. Hardly a gripe at all is it?!
    Any ideas on how to amend this?

    Moderator Samuel Wood (Otto)

    (@otto42)

    www.remarpro.com Admin

    The og:locale is an optional meta tag. Doesn’t need to be there.

    That said, next version of SFC will have it anyway.

    Thread Starter ttj90

    (@ttj90)

    Ok. It is minor I know, just being an anal perfectionist aforementioned.

    No idea on the top comment then I guess?

    <div style="position: absolute; margin-left:100px; margin-top:30px">

    If your positioning is absolute you might as well not use margins and use

    <div style="position:absolute; left:100px; top:30px">

    Make sure that the parent of your div has position:relative or position:absolute.

    Just installed SFC … looking forward to seeing what it can do ??

    Thread Starter ttj90

    (@ttj90)

    Hilmon, you’re a gentleman, Sir.

    SFC takes some massive pain away.

    I might add that you may need to alter the dimensions of the ‘Like’ buttons in the ‘/like.php’ to render them the way that you like.

    I’ve also installed the Simple Twitter Connect as well and that too is pretty fab. I don’t have much luck with plugins as a rule but with these two; nothing. *touching wood

    Thread Starter ttj90

    (@ttj90)

    Nah, that’s put the link those dimensions from the actual screen rather than within the post…

    That’s why the parent container of your div needs to be position:relative. Then your div’s absolute position will be relative to the parent… not the screen.

    <div style="position:relative; width:100px; height:100px; top:100px; left:100px; background:red;">
  <div style="position:absolute; width:50px; height:50px; top:10px; left:10px; background:black;"></div>
</div>

    See what I mean!!!

    Thread Starter ttj90

    (@ttj90)

    Yeah, I believe I do.

    But no, that doesn’t work either.

    I’ll have to investigate further with the plugins I’m using as they are getting in the way. I’ll have to place them all elsewhere or differently.

    Thanks for you help and patience.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Random CSS in IE question..’ is closed to new replies.