Guys-Hope all are doing well J I was Out of office from last few days and come back to office now and as usual started working on incident tickets that comes on daily basis J
Okay, coming back to the topic now. Today I am going concentrate on problems with customizations and their effects with supported browsers.
We all know that SharePoint Designer 2007 is a well know tool which is used to customized SharePoint sites. When we do any customizations then it’s quite obvious that we do some testing before releasing it to production. While doing some customizations on SharePoint sites, the important thing we need to test is support with multiple browsers as we don’t know “which browser is going to use by user”
After doing some customizations, I was testing with IE7, Google chrome as well as with IE8. Customizations works well in IE7 as well as with chrome but problems with IE8
What are these problems?
-Custom menus i.e. dynamic fly outs are not rendering properly in IE8
-white spaces coming instead of menu text and this problem occur only with IE 8
Started my research on this and found this:
As per the above mentioned Microsoft forum, it seems that the problem is with Meta tags which are present in IE7 and missing in IE8
I haven’t tried this keep the above mentioned information handy just as knowledge add-on.
Final resolution which resolved my issue:
Please refer the above mentioned article and your all queries/questions will be answered.
Exact description behind this problem:
Some OOB master pages (like default.master ) do not have a DocType declared so they are rendered in Quirks mode OR IE 7 rendering mode. But some OOB Master pages
(like BlueBand.master) do have DocTypes declared. So for these master pages IE8 will automatically attempt to render them in IE8 Standards Mode. The OOB
SharePoint menu’s cannot show dynamic menu items/fly-outs in IE8 Standards Mode and sometimes appear as just white spaces without a text or link.
Recommended Solution:
This tag should be added to all custom SharePoint master pages if they are to be rendered in IE 8.
Add this in the <head> </head> tags
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
After the tag is added, check-in a major version / publish and approve the master page. Also, restart IE8 before the change will be picked up, inorder to clear the cache.
If you have any queries/questions regarding the above mentioned information then please let me know. I would be more than happy to help you as well as resolves your issuesJ J