Support » Themes and Templates » My CSS is shown differently in IE and Firefox

  • I posted this question in the plugins forum, but got no answers, and I’m starting to think it’s because it’s not a plugin problem, but a CSS problem, so I’ll try my luck here. Hope it’s okay.

    I’ve added the Shutter Reloaded plugin to my blog. It shows up correctly and centers the images correctly in Firefox 3 and Opera 9.5. But in IE 7 it’s got a wide margin in the right side. It looks like Shutter Reloaded reads from the body rule in my css stylesheet. It looks like this:

    body {
    width: 780px;
    background: #FFFFFF url(images/bg.gif) top center repeat-y;
    color: #333333;
    font-size: 12px;
    font-family: Georgia, Helvetica, Sans-Serif;
    margin: 0px auto 0px;
    padding: 0px;

    In IE Shutter Reloaded is exactly 780 px wide.

    But this is a part of my theme, I can’t just remove the “width: 780px;”, plus Firefox doesn’t mind it at all, so there has to be a way to make IE ignore it too.

    By the way, I use WordPress 2.5.1

    See an example here:

    Can you figure it out? Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Eric Amundson


    Volunteer Moderator


    I’ve looked at it in both FF and IE and don’t see what you’re referring to. They look dang near identical to me.

    Are you still having this issue and can you be very specific about where you’re seeing the issue?

    This is so weird… I tried it today on many of the computers at my work – the all have IE7 – and there was the margin. But now I’ve looked at it in IE7 at a friends place, and here it looks fine… Beats me why it shows up distorted on my work computers. Well, if it looks good on yours and it looks good here, then I assume that the code it ok, and it’s just their machines that’re acting crazy. Thank you for the feedback anyways!

    Eric Amundson


    Volunteer Moderator

    No problem. I wonder if their font-size or zoom was set differently, or if something else is different . . .

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘My CSS is shown differently in IE and Firefox’ is closed to new replies.