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.
