bmwlaval
asked on
Layout issues with IE8
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.
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.
ASKER
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....
Hopefully someone will have a suggestion for what i'm going wrong....
Sure, post a screen shot. I might have been looking in the wrong place.
ASKER
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
english-page-bad.JPG
french-page-good.JPG
> 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.
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.
ASKER
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
I am still reviewing the codes.
Hold on
MD
ASKER
I'm sorry I guess my comment directed to the other guys who were saying they couldn't see the issue...thank you!
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
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.
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.
ASKER
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
Well on my IE 6 it look ok. See the attached image from IE6.
Please verify;
MD
ie6.jpg
ASKER
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
I cannot replicate the problem...