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

6 answers

0
points

Any other ideas?

Answered over 7 years ago by Ed Barton
0
points

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.

Admin note: The capture is actually accurate, in an odd sort of way. Your page has a javascript error in IE7, so when Litmus tries to capture it, it can't calculate the height properly and instead default to 6,000 pixels high in an attempt to show you all of your page. Unfortunately, your page didn't enjoy being resized to those dimensions which is why your background image is so low down the page. Fixing the js errors would produce an accurately-sized screenshot.

This should now be sorted but I'm not sure if the screenshot will update itself.

Answered over 7 years ago by Ed Barton
0
points

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.

Answered over 7 years ago by Ionut Popa
0
points

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.

Answered over 7 years ago by Ed Barton
danwellman 5600
0
points

long shot, but elements that disappear in IE can often be fixed with display:inline-block;

Yes, I advise its use quite often! But you'd be surprised at the number of things it fixes...

Answered over 7 years ago by danwellman
0
points

Really thought you might have it there but nope, hasn't made a difference.

Answered over 7 years ago by Ed Barton