Theme works in Firefox But Not IE

meljgrey, you also have #content with margin-right: 511px; – I’d look at that as well. I can’t immediately see why you need that right margin as #content is floated left and has a width. I would try to solve this without IE hacks, as I don’t think this is what you need in this instance.

Perhaps also for #content try padding: 40px 0 40px 50px;

Thanks for your suggestions, pcmt. I don’t see margin-right: 511px under #content. Where did you see that?

When I change the padding to: padding: 40px 0 40px 50px, the situation improves, but there is still overlap. And of course, at that point, the Firefox display is messed up.

If I eliminate padding altogether, I can get it the outline to display acceptably in IE, but the the text insdie the outline has no margins.

I worked at Microsoft for 7 years, but thankfully never on the IE team. Man, have they dropped the ball here.

@ meljgrey

The Star HTML hack goes directly into your style sheet immediately referencing the styling element.

ex:

/*For ALL BROWSERS*/
#content {
padding: 40px 80px 20px 10px;
margin: -50px 10px 0 0;
}

FOR IE
* html #content {
padding: 0;
margin: 0;
}

This is just an example

This works great. Now I can get down to the business of a workaround.

Thanks!

Yes – you MUST keep spaces between:

*[space]html[space]#content

* html #content

Got it. Thanks.

Looks like this will be good until IE 7.0, anyway.

PS: Sometimes its better to leave your last post question insitu for others to see/read instead of deleting it. If they have the same problem…

Just a thought ??

I agree with katie1.
If your post has been answered, do not change it (correcting typos is OK ?? – the whole thread might become difficult to understand for those that will read it after 5 months…

(though I know about people who were asking to delete all their posts and questions… as if they never needed help. Funny.)

Understood. Sorry about that.

Once I have solved this padding issue, I will post the results. I can’t imagine I’ll be the last to suffer from it. ??

Why do you need right padding for the #content div? It doesn’t make any difference in my Firefox.

Without it, the text in the post butts directly against the border. The padding seems to provide a space buffer around the inserted text.

You’re right! When I was editing the stylesheet my Firefox Web Developer Toolbar “outline block level elements” red lines were obscuring the pale grey border.

Rats! I was hoping it was you that was right. ??

I think your EPA Diagram may have something to do with it in IE. I removed it and the right border came almost back in position. So it maybe is not the structure but something else within your posts that is still just a bit too wide.

You are exactly right, PCMT! I cannot believe it. The blog looks mostly fine once I eliminated that. (Ulf Petterson just posted the same suggestion on his Modern theme blog. There must be something in the water.)

There still seems to be a little weirdness with the display, but nothing compared to before. I will go through all my posts to find the culprit.

Thank you so much. You cannot believe how relieved I am. I thought I was going to have to start from scratch with a new theme.