View Single Post
Old 12-05-2012, 10:25 PM   PM User | #4
Rowsdower!
Senior Coder

 
Rowsdower!'s Avatar
 
Join Date: Oct 2008
Location: Some say it's everything.
Posts: 2,007
Thanks: 5
Thanked 395 Times in 388 Posts
Rowsdower! has a spectacular aura aboutRowsdower! has a spectacular aura aboutRowsdower! has a spectacular aura about
You are comparing renderings of two pages that are not identical in their structure, so the fact that they don't match in IE is somewhat meaningless.

Check this out for your test page (38 errors and 17 warnings):

http://validator.w3.org/check?uri=ht...ss=1&verbose=1

Your "live" version (now down to 39 errors and 17 warnings) has one more error than your test version. Something is different between the two of them. It might not be this extra error that is causing your problem in IE, but this certainly points out that you are not comparing apples to apples in this case.

You can see this plainly just by looking at the number of lines of code in the source. You have 8 more lines of code in the "live" version than you do in the "test" version, and even among the lines existing in both versions, you have differences in your source code (beyond content differences and changes to some href attributes). On a quick pass through I noticed some empty or improperly nested paragraph elements and some <td> elements missing classes in one version but not in the other. And I pretty much decided to bail out at that point. You will need to dig through the 1,235 lines of code on your own to find which 8 have been added, and which of the rest have been changed enough to break your layout. Or...you can validate your live page and then adjust it if/where needed once the HTML is clean...and you can totally disregard your test version all the while.

So: I still recommend you validate first, then clean out your code remnants (of which there are more than a few), and then see if things still look out of place in the render once the code is clean. If you're not up for that I won't complain...but in that case I won't really be of any further use to you.
__________________
The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
See Mediocrity in its Infancy
It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
Seek and you shall find... basically:
validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting
Rowsdower! is offline   Reply With Quote