Layout issues with IE8

bmwlaval
bmwlaval used Ask the Experts™
on
Since IE8 came out a bunch of my pages are acting funny. I'm going to use 1 page in particular and hopefully i'll be able to solve my other issues if I can figure out why this one is being wierd.

I have 2 pages, they are identical in terms of code, one is in English the other is in French. For some reason the french page does exactly what I want, but the English page is acting very wierd. 70% of the page is clickable as a link back to my homepage, which makes no sense. And the layout is supposed to be in one box and IE8 splits it in to 2.

The two links are:

http://www.bmwlaval.net/en/services/   (This is the english link)
http://www.bmwlaval.net/fr/services/    (This is the french link)

They both use the same file for the css code as well,
http://www.bmwlaval.net/newstyle.css (I don't know if you will be able to see this, if not I can send the code, and I know this file is cluttered...)

I've gone through the code comparing everything on each and I can't figure out why the french looks good and the english looks stupid. Please help. I could post the code, but I guess the best way for you guys to read it is by 'view source' for those 2 pages. If you need code please tell me and I will post it.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Jason C. LevineDon't talk to me.

Commented:
Hi bmwlaval,

I cannot replicate the problem...
Kindly validate you codes. There may be unclosed tags.

http://validator.w3.org/

Good luck

MD

Author

Commented:
I validated my codes with W3....i did find errors but not enough to fix the issue i'm having. Do you see what issues im having or should I post screen shots so you can see what i'm seeing. and it isn't only on this PC. it is the same on my PC at home with IE8 and another pc we've tested it on with IE8. I'm only worried cause i don't want my site looking like crap on the new IE8 which everyone should have now if they have done their windows updates.

Hopefully someone will have a suggestion for what i'm going wrong....
Success in ‘20 With a Profitable Pricing Strategy

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Jason C. LevineDon't talk to me.

Commented:
Sure, post a screen shot.  I might have been looking in the wrong place.

Author

Commented:
Ok so I will post the French page which is exactly how it should look and the english page which is split up...but still the point is that the code between them is identical...
english-page-bad.JPG
french-page-good.JPG
David S.Consultant & Challenge Subduer
Top Expert 2009

Commented:
> I validated my codes with W3....i did find errors but not enough to fix the issue i'm having.

Are you sure?  The errors on the two pages are different. It seems to me that such errors are significant, especially when another explanation of the rendering difference has not been found.

Author

Commented:
I have successfully validated both of the pages and there are now no errors that appear on the W3C page. If you tell me that you cannot see the errors does that mean that you are not using IE8 or that you have your compatability view mode on because I have at least 4 different computers running IE8 that see these pages exactly how I showed you in the screen shots...if you tell me you can't see the layout error then I am very confused~!
I can see the error on IE8.

I am still reviewing the codes.

Hold on

MD

Author

Commented:
I'm sorry I guess my comment directed to the other guys who were saying they couldn't see the issue...thank you!
Ok...I made some observation:

 You have a lot of IE specific  comments witthin you html eg.  <!--[if lte IE 6]><table><tr><td><![endif]--> and others mixed in your codes.

After I removed the comments IE 8 is behaving well..
Please check and revert asap

MD

Jason C. LevineDon't talk to me.

Commented:
Apologies on the "cannot replicate"

I use Firefox with the IE Tab extension and when I launch IE from within Firefox, the issue does not appear.  However, when I run IE as "normal" (standalone) I do see the issue.

Author

Commented:
I removed the code that you suggested 'myderrick', it did help with my ie8 issues but now in ie6 (because we have somes pcs here that are not all updated, and the whole world isnt using ie8 or ie7), it jumps back and forth like it really shouldnt be. When it loads it is fine, but when you move your mouse over any of the text, or images the whole page jumps to the left. I was wondering if you had any suggestions on why the code would act this in ie6 but not in ie8. I believe it originally did this before I started using this code that you said I should remove.
Then put or the IE6 styles in one style sheet file.

Well on my IE 6 it look ok. See the attached image from IE6.

Please verify;

MD
ie6.jpg

Author

Commented:
Yes, after I posted my comment, I noticed that all of my pages are now looking the way they are supposed except for the homepage from the french side. I will have to through the code and see if there is a div tag out of place that is causing my page to jump like this. But it is only one page now so i can narrow in on the problem. If you want to take at look to see if you can help that would be nice, but if not I will try and disect it myself. The page is www.bmwlaval.net, just, that page

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial