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:
background: #FFFFFF url(images/bg.gif) top center repeat-y;
font-family: Georgia, Helvetica, Sans-Serif;
margin: 0px auto 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: http://annaselegance.com/?p=24
Can you figure it out? Thanks
- The topic ‘My CSS is shown differently in IE and Firefox’ is closed to new replies.