• Resolved e_mindspin

    (@e_mindspin)


    I’m developing the template for a blog that needs to integrate with an existing website design, and I’m having three key problems, two of which only seem to appear when the site is viewed in internet explorer. Any help is appreciated.

    1) the facebook like button creates a huge gap to it’s right, and pushes the whole navigation into the logo. When I remove it, the navigation aligns properly on the right edge, so I know the problem is with the button itself. How can I fix this?

    2) the site is left aligned in ie when it should be centered. I’ve tried everything I could find in regards to setting the text align to centered. Any thoughts?

    3) Google plus button at the bottom of each posts has jumped to the left as opposed to on the right with the rest of them. It used to be fine, this problem started happening when the graphic changed. This happens in all browsers and I can’t figure it out!

    The URL is
    http://www.mindspinstudio.com/blog/

    I’m new to the forums, so please let me know what code I should provide.

    I took the CSS from the exiting site which was developed by someone else, so there is probably a lot of code I don’t need, but I’m hesitant to get rid of it incase it affects something in the blog layout.

Viewing 2 replies - 1 through 2 (of 2 total)
  • It is always tricky to have cross-browser compliant CSS. It usually involves conditional statements to test which browser is currently being used. Here is one article to get you started.

    Meanwhile, try adding this to the end of your style.css:

    .post { clear: both; }
    div.social-single > div { float: left !important; }
    Thread Starter e_mindspin

    (@e_mindspin)

    Thank you for the link – I’ll look into it.
    Unfortunately, the code you suggested didn’t solve the problem – thank you for trying!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘facebook button gap, alignment and google plus button problems.’ is closed to new replies.