Dean OBrien
asked on
Display issues with IE 8 and 9
Experts,
I have a new site that i am hoping to launch soon, however a few website testers have reported problems sporadic problems on versions of IE 8 and 9. The problem is though, i cant replicate them, when installing the same versions...
The site address is:
http://www.chic-osity.co.uk
I would be grateful if people could have a quick look and let me know any obvious display issues, and if possible suggestions for how to fix them.
Main reported issues are:
home page - bottom 6 featured boxes misaligning
My account page - buttons cut in half, and also not centered
product page - misalignment of copy and buttons
Any help would be greatly appreciated
Regards
Easynow
I have a new site that i am hoping to launch soon, however a few website testers have reported problems sporadic problems on versions of IE 8 and 9. The problem is though, i cant replicate them, when installing the same versions...
The site address is:
http://www.chic-osity.co.uk
I would be grateful if people could have a quick look and let me know any obvious display issues, and if possible suggestions for how to fix them.
Main reported issues are:
home page - bottom 6 featured boxes misaligning
My account page - buttons cut in half, and also not centered
product page - misalignment of copy and buttons
Any help would be greatly appreciated
Regards
Easynow
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Lance and LZ1 - thanks for looking and providing feedback.
Cd& - thanks, the meta tag you provided solved issue, they were all related to this compatibility issue.
imantas - thank for the detailed feedback on the css, you also confirmed the compatibility issue (i couldnt find any reference to 21px for IE6 - any ideas where it is set?). I have amended the css classes where appropriate. Apart from aligning the body as this would mean manually having to set individual elements again throughout the site, where left align was needed.
The product page is now behaving as it should be (all be it not likely in IE6 and below - but im happy to ignore this given the percentage of users using those browsers nowadays.) Was the rest of the page so badly laid out?
Thanks again to all
Easynow
Cd& - thanks, the meta tag you provided solved issue, they were all related to this compatibility issue.
imantas - thank for the detailed feedback on the css, you also confirmed the compatibility issue (i couldnt find any reference to 21px for IE6 - any ideas where it is set?). I have amended the css classes where appropriate. Apart from aligning the body as this would mean manually having to set individual elements again throughout the site, where left align was needed.
The product page is now behaving as it should be (all be it not likely in IE6 and below - but im happy to ignore this given the percentage of users using those browsers nowadays.) Was the rest of the page so badly laid out?
Thanks again to all
Easynow
Hi easynow111,
The height of 21px is set in this file:
Regarding the product details page, only that page looked very bad, the rest of the website seemed more or less good.
Regards,
imantas
The height of 21px is set in this file:
https://www.chic-osity.co.uk/skin/frontend/default/default/css/styles-ie.css
....
button.button { height:21px; }
...
Which you include for IE < 8 browsers, so it's shown incorrectly for IE 7 as well, not only IE 6.Regarding the product details page, only that page looked very bad, the rest of the website seemed more or less good.
Regards,
imantas
ASKER
regards
easynow