Hi everyone,

I've got a classifieds and can't get it to act right in IE (any version) and I'm hoping someone may know what to do about this as I am at a loss.

If you are at the home page of my classifieds everything looks fine and can be seen here: http://classifieds.your-adrenaline-fix.com/

BUT... If you go to any deeper pages things suddenly shift dramatically as can be seen here: http://classifieds.your-adrenaline-fix.com/view_all.php

At first I thought that these deeper pages were not calling the css file but that can't be as some styles are "almost" right, yet lack a few details and if it weren't calling the css file, the whole page would look plain with black text on a white background so I presume that's not it.

Even more bizarre is that the pages look fine on every other browser except IE (atleast it does to me)

If anyone has any idea what could cause this, I'd be most appreciative if you'd share this with me and I do thank you in advance!!

Thanks,

Stuart K

Not bizarre at all, this happebns quite frequently that IE needs special consideration to display reasionably close to other browsers.

On my site I have in the head section



load a special style sheet for IE 8 and earlier and then I can put in special styles just for IE to display those things that don't display with regular css code.

Hi David,

I thank you very much for you bringing that to my attention. I'll have to add this to the ever growing list of "To-Do's"

BTW, Would you mind telling me what this code is for that always appears when creating a new page:
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Thanks so much

That's to help IE figure out what to do with the HTML5 elements it doesn't understand

Some info here (notice their example includes IE9 ass well as older versions:
http://net.tutsplus.com/tutorials/html- … out-guilt/

One other question...

If I have to make a separate CSS file for IE, why does the home page display "almost" correctly but not deeper internal pages?? They all have a call for the same CSS file but the internal pages really look a mess.

If anyone wouldn't mind commenting on this, I'd be most appreciative and I do thank you in advance!!

Stuart,

You shouldn't have to resort to a different style sheet for IE. I don't think anything like that would solve the problem anyway.

Since the header and the side bars are identical - with the same style sheet - for the different pages, and the home page is displayed correctly in IE, there must be a difference in the HTML code for the pages where elements in the side bars are too wide. I would guess the problem may be a missing or misplaced closing tag, e.g. a </div> or a </td>. Possibly something even smaller, like a missing coma or semicolon, etc.. Different browsers will react differently to such errors. While one browser may be forgiving of such an error and 'guess' at the most likely 'intention', another one may not...
I found the nested tables for the side bars to be a bit difficult to follow, so I gave up!

I would suggest you do the following:
1. Take a close look at the validation errors (there are quite a few) for a 'good' page and a 'bad' one and compare them. Zero in on any differences.
2. Compare in detail the HTML code for the side bars between a 'good' and a 'bad' page. There must be a difference, since they are displayed so noticeably different in the same browser (IE)!