In a couple of instances eg your content you have defined the width but you have also added lateral padding. Hence the b0rkage.
Width and padding shouldn’t be much of a problem if there was a valid doctype. Now IE uses it’s own, faulty doctype. But with a valid doctype, your browser renders in standards mode, which means IE6 and higher will render your page more like it should, with a few exceptions.
If there’s still something wrong, use conditional comments to serve CSS-rules for the things that are still different in IE.
BTW, the head of your page has code in it that should be in the body, things like <center> and:
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxx";
google_ad_width = xxx;
google_ad_height = xx;
[...]
//-->
</script>
@ Funkphenomenon: I do not agree with your advice reference doc types, widths and padding. IMHO it is imperative that people do not post about layouts until they are rock solid in not only their own understanding but have some simple methods of explaining it. It only adds to the confusion, of which historically there has been plenty. For the sake of completeness I might add that I have just read the wikipedia article and much of that is nonsenical.
@root: You are right about that Wikipedia-article, it might confuse people. I’d remove it from my reply, but that isn’t possible anymore. I hope the article from A List Apart is clear enough.
Yes, CSS-layouts can be tricky, that’s why you need a valid doctype, all the time. That’s just basic HTML. You can’t be arguing that I shouldn’t have given that advice? Don’t confuse TS further, just leave it at a valid doctype, remove the unnecessary code from the head and see what happens after that.
Thanks for your help so far. I removed the code from the header and it didn’t help.
Any other specific suggestions?
Thanks for taking time to help.
Mike
I don’t see any changes in your source code? Furthermore, it’s also lacking an opening head-tag, and closing body- and html-tags.
Funkphenomenc…I’m a newbie so this isn’t making much sense to me. If you think you could fix it please email me at mike@bloginterviewer.com
Thanks!
Ok. I leave it to you. Not that I know anything.
If anyone else can weigh in I’d be happy to listen.
The original template works in both IE and Firefox: Original demo
I went into my theme files and replaced the index, footer, header, sidebar, and single post pages with the originals to see if I’d messed something up, but the error still occurred. Help!
http://www.BlogInterviewer.com
@root: After your reply, In noticed my reply could also be read in a way it wasn’t intended. Sorry about that. I’m sure you know a lot, that’s why you hang around here answering questions. I just meant to say we should work together to help answer questions, not say what’s wrong with eachother’s comments and leave it at that. So, if you would like to share your knowledge, please do. š
1) You need to trigger standards mode before you edit the CSS (like widths and padding). A proper doctype triggers standards mode. Standards mode means that FF, IE and other browsers render the page in the same way (except for some known IE-bugs).
2) After that, you can check out what’s wrong with the widths/margins/paddings you defined in your CSS, like Root said.
@mike: if it’s too difficult for you, then it’s probably a good idea to learn some more on HTML and CSS. At this forum you can only hope for tips to help you on your way, but you have to do the work yourself. (One of the tips is to edit your header.php.) Ofcourse, if Root or someone else would like to help.. š
(BTW, don’t place your e-mail address on forums, you’ll get spam.)
Funk, I know more about HTML than CSS. I’m able to make basic changes in the theme, but I’m still on the beginner end.
If anyone wants to help me with this hands on it would be very much appreciated, as this is driving me nuts! š
Finally got it fixed for the most part. There are still some minor differences in IE.
Thanks!
Mike
http://www.bloginterviewer.com
Just to tidy up. It is immaterial to me whether a browser is / is not in quirks mode or what quirks mode means or how it is triggered or whether it really does work in the way which many people erroneously state, or what the variations in quirks mode rendering of the different browsers are. And here is why. WP comes fitted with a DTD and all the evidence is that themes render inconsistently in IE 6 and others regarfless.
Nor do I have any interest at all in learning anything about the peculiarities of a whole mess of proprietary software, the bugs therein and the deviations from standards.
What I am interested in is writing code which works, and in particular CSS layouts, which render as consistently as possible in all browsers, and to do so in a way which is both sensible and accessible to the end user, rather than being obsfucatory with a lot of high falutin’ voodoo to do with quirks and the like.
Furthermore I have never used a hack.
Furthermore you have misquoted me. I specifically advised that borders and paddings should be avoided on elements where the width is declared (which will include all floated elements). I did not mention margins. I might have done but not for the same reasons because margins do not figure in the box model variations.
I avoid margins contigious to floats because they are notoriously buggy and unstable. But that is a different issue.
And conditional formatting is the road to madness. IMHO.
@mike: there’s still a Google ad at the wrong place, above the doctype.. That ad doesn’t show when it’s not in the body (between <body> and </body>).
@root: Like in the other topic in which you are bashing me, there seem to be more ways to solve a problem. You don’t like mine, fine, but don’t take it our on me; focus on the topic at hand, help the one who started the topic, and in the mean time elaborate on why you think my advice sucks beyond recognition, in a way you also would like to be talked to yourself when someone is explaining something to you. Preferably with more than just your opinion as an argument.
This is not your kingdom where I come to visit and I should just shut up when you’re talking; this is a place where people help each other out. Because that is a nice thing to do. And maybe discuss different methods, because, like Dgold days, there are more ways to skin a cat. I hope to learn from you, I like to help others out, but plz don’t talk to me like I should burn in hell when I talk about choice of software or simple coding problems. That’s just silly. You don’t accomplish anything except pissing someone off, and that’s not what this forum is about.
Well when someone is giving advice enthusiastically which is not only wrong but irresponsible some one else needs to step up to the plate and tell them so.
