Hi, I have been developing a wordpress style but unfortunately due to various computer issues (which have now ironically been reversed - macbook failing forcing me onto the PC but that's another issue) haven't been able to bugtest whilst developing in IE. Now I've hit that phase and something very terrible is happening and the site flat out falls apart in IE, although it looks perfect in Firefox for your reference.
I can't really work out what's happening because whilst the source code clearly states that there's a h4 tag and the content div class for the flash players, which floats to the left enabling the sidebar to hug right, that clearly hasn't happened at all. Further inspection on the IE developer thing suggests that IE isn't parsing these at all or something to that effect and neither tag is listed in the body on the HTML tab here.
So my question is what's gone wrong? I really can't imagine it's anything huge, the base style worked in IE, I can't have destroyed it to such a huge extent, but for the life of me I can't work out what I've done and how to solve it.
Any help would be much appreciated.
Thanks and regards, Ed Barton
Any other ideas?
Note: The screenshot there of it in IE Explorer 7.0 is not an accurate rendition. Problem follows across to IE 8.0 and presumably 6 as well.
This should now be sorted but I'm not sure if the screenshot will update itself.
As Ed said the website renders differently than the screenshot. It's not accurate. From my experience there could be two possible reasons for the bug: you didn't correctly close a tag or you included an element not allowed in another element like a < div> in a < li>. i suggest you rewrite your code more carefully this time and don't include block elements into inline elements.
Unfortunately, things like including
<div> tags in
<li> are wordpress behaviour, nothing I imposed or at least imposed deliberately. Part of the problem is that I'm adapating source code but I'm not really working on a huge budget so I can't really afford to rewrite something from scratch.
As for the tags being closed, they all tally up as far as I can see and adding an extra close div into the footer didn't make a difference.
long shot, but elements that disappear in IE can often be fixed with
Yes, I advise its use quite often! But you'd be surprised at the number of things it fixes...
Really thought you might have it there but nope, hasn't made a difference.