none
Sharepoint 2010 - Designed in IE8 but need it to emulate IE7

    Question

  • I have already tried the change to the meta tag on the Master Page:

    <meta http-equiv="X-UA-Compatible" content="IE=7" />

    and

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

    and this still does not work.

    I have also attempted a fixed width solution to 950px but only works on an IE8 machine.

    The issue is that I designed in IE8 (because most of the IT team has this version installed) but the rest of the organization is IE7. We did not know this at the time of design and also did not know it would pose a problem but it has.

    I am not getting my scroll bars when I attempt to view on an IE7 machine. All of my pics are truncated as well. I have tried everything. Please someone tell me that there is an easier fix than to uninstall IE8, install IE7 and re-design....please.

    Thanks for any help you can provide.


    • Edited by Chrystap123 Tuesday, September 20, 2011 4:02 PM
    Tuesday, September 20, 2011 4:02 PM

Answers

All replies

  • That depends on what customization you did. OOB SharePoint sites work with IE7 very well. See also this related thread: http://social.msdn.microsoft.com/Forums/en-US/sharepoint2010general/thread/f1e5548d-3939-4867-837a-f4db4b5fdd58/
    AK
    Tuesday, September 20, 2011 4:52 PM
  • I have done quite a bit of customization but was told that if it was done in Sharepoint Designer and was working in IE8 that the compatability for IE7 wouldn't really be an issue. My scroll bars have disappeared my web parts have pushed to the far right....fonts have changed... it isn't the same. I have searched all forums for fixes... just tried changing the !DOCTYPE meta tag and that didn't work either in combination with the metatag for "EmulateIE7".

     

    Tuesday, September 20, 2011 5:08 PM
  • It is hard to guess without seeing your master pages, but it seems you have used fixed width elements (ex. tables) and/or used later versions of CSS. Also, if you were designing on high resolution screen, you may discover different behavior on lower resolution machines. This should not depend on your testing browser (although it gives you false impression that things will work the way you want), but mostly on your master page layout (html and css).
    What you can do is keep a copy of your current master page(s) and css files aside, revert back to site definition (v4.master) and check how it shows in IE7. When designing your master pages, use percentage width, not absolute.
    AK
    Tuesday, September 20, 2011 5:27 PM
  • OK...so basically starting over with the V4 masters... I just can't even phathom starting all of this over again. It has been quite the painstaking task. Darn. Thank you for your feedback. It is appreciated.

    I did the fixed width this way:

    }
    form
    {
     width:950px;
     margin-left:auto;
     margin-right:auto
    }

    You are saying to use percentage...but what percentage to use? And what does that code look like?

    Tuesday, September 20, 2011 5:35 PM
  • Unfortunately there are no easy fixes... you will have to adjust your css styles. Check your website in Firefox. Even if you are designing for IE7/IE8 it is better to check the styles in Firefox and then make small adjustments for IE7/8.  

    Also check this article from Smashing Magazine: http://www.smashingmagazine.com/2011/08/07/a-dozen-cross-browser-testing-tools/ on browser testing tools.   

     

    Tuesday, September 20, 2011 5:37 PM
  • Everything works perfect in Firefox...just like IE8. I am so baffled. It is when I open an IE7 browser that the scroll bars have disappeared and images within columns have been cut off. If I double click the images they re-align appropriately but then the scroll bars are still gone so I cannot scroll down the entire page.
    • Edited by Chrystap123 Tuesday, September 20, 2011 5:49 PM
    Tuesday, September 20, 2011 5:49 PM
  • And...I just tried reverting to a V4.master to see how it rendered in IE7 and it does give me back the scroll bars but the pics/web parts are being cut off like before. I have cleared my cache and everything I can think of. Is it possible the columns are not reading the code for the fixed width...or is there additional code I need to add to make web parts/columns fixed as well?
    • Edited by Chrystap123 Tuesday, September 20, 2011 5:55 PM
    Tuesday, September 20, 2011 5:54 PM
  • "Please someone tell me that there is an easier fix than to uninstall IE8, install IE7 and re-design....please."

    Instead of you downgrading IE8 to IE7, I would prefer other users to upgrade to IE8.  Ideally, it should work perfectly in IE7 as stated in this MSDN Blog:

    http://blogs.msdn.com/b/maximeb/archive/2010/04/01/what-sharepoint-2010-looks-like-with-internet-explorer-6.aspx

    By the way, is this a new SharePoint 2010 setup? or was it upgraded from SharePoint 2007?


    Thanks & Regards,
    Kamlesh | Blog | Twitter | Posting is provided "AS IS" with no warranties, and confers no rights.
    Tuesday, September 20, 2011 6:07 PM
  • This was upgraded from 2007.... We would love to have other users upgrade to IE8 but unfortunately there are several web based products being used across the enterprise that do not yet support IE8.
    • Edited by Chrystap123 Tuesday, September 20, 2011 6:13 PM
    Tuesday, September 20, 2011 6:13 PM
  • I guess its some issue with your SharePoint 2007 setup. What was the last build/patch deployed on SharePoint 2007, before it was upgraded to SharePoint 2010.

    The below link may not be the direct solution for your current problem.  But reading this may give you some idea's to troubleshoot the problem in your environment:

    http://blog.drisgill.com/2009/03/problems-with-ie8-standards-mode.html

     


    Thanks & Regards,
    Kamlesh | Blog | Twitter | Posting is provided "AS IS" with no warranties, and confers no rights.
    Tuesday, September 20, 2011 6:20 PM
  • I take that back... we were on 2007 so i naturally thought this was an upgrade to 2010, but I just confirmed that 2010 ws a new install....new out of the box.
    Tuesday, September 20, 2011 6:29 PM
  • Give a try with Start Master Page and see if you get proper output in both IE7 and IE8. 

    http://blog.drisgill.com/2009/11/starter-master-pages-for-sharepoint.html

    NOTE: Please backup your existing Master Page, before making any changes.


    Thanks & Regards,
    Kamlesh | Blog | Twitter | Posting is provided "AS IS" with no warranties, and confers no rights.
    Tuesday, September 20, 2011 6:33 PM
  • I tried all three starter pages and the rendering again is fine in IE8 and Firefox but IE7 pushes everything around and is not rendering correctly.

    Are you as baffled as I am? I don't get it.

    Tuesday, September 20, 2011 6:45 PM
  • Thats really weird! Can you please share some sample screenshots from IE8 and IE7. 

    Someone in this forum may get some hint after having look at the issue via screenshots.


    Thanks & Regards,
    Kamlesh | Blog | Twitter | Posting is provided "AS IS" with no warranties, and confers no rights.
    Tuesday, September 20, 2011 6:51 PM
  • According to http://technet.microsoft.com/en-us/library/cc263526.aspx, IE7 is fully supported. The default v4.master uses CSS to style both body and form (in corev4.css). The form uses height:100% (percentage), but for width, it does it with margins (the four margins are set to 0px). You can use IE dev tools (F12) to inspect elements and examine applicable styles and their sources (same with FireFox using FireBug).
    In principle, an out of box v4.master with corev4.css should not cause issues in IE7.
    AK
    Tuesday, September 20, 2011 6:58 PM
  •  

     

    This is the IE8 Version. Everything lines up, scroll bars are present...it is gorgeous, right?

    Tuesday, September 20, 2011 6:59 PM
  •  

    This is the IE7 version... web parts out of whack, no scroll bar, fonts aren't rendering, pics cut off... ugly, right?

    Tuesday, September 20, 2011 7:00 PM
  • I did try using the v4.master and having same issue. I also used dev tools yesterday inside of the IE8 browser and switched between IE8 and IE7 with/without Quirks and I had no luck.

    Tuesday, September 20, 2011 7:06 PM
  • Hi, like Evgenia asked; have you tried a browser emulator tool? Is this result the same in https://browserlab.adobe.com or simular tools? In most cases if the pages renders the same in IE8 as in FF, then it 'should' not be more that maybe a slight differences to IE7 depending of how 'correct' the markup or CSS is written. Have you tested this on more that one machine and from a client machine? What is the standard of !Doctype are you using in the master?  

    / C


    Blog: chrisstahl.wordpress.com Twitter: @Cstahl
    Tuesday, September 20, 2011 7:28 PM
  • I can try your and Evgenia's suggestion. I have tested on several machine's as well as a virtual. The !DOCTYPE: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    Tuesday, September 20, 2011 8:17 PM
  • Hi, sorry I did not return to the post I could not find it my feed.  Were you able to solve the problem? if not I have questions

    The image you've provided is very helpful

    1. what page layout are you using?

    2. the right area for the mission statement how did you add it? it looks like it is a part of masterpage...

    3. news and announcements area is it a webpart?

    4. bulletins area/image is it in a masterpage? 

    5. you've centered the page in the browser how did you do it?

    Evgenia

     

     

     

     


    • Edited by Evgenia Fisher Sunday, October 30, 2011 2:49 PM changed wording on q. 5
    Sunday, October 30, 2011 2:37 PM