Layout issue in Safari 7.1 and 8 - sharepoint

I have a simple SharePoint Web Application which have no issue or bug, until a client open it in Safari browser version 7.1 on Mac OS 10.9 Mavericks a month ago.
Since I don't have any Mac OS, then I tried to open the web via browser emulator in http://www.browserstack.com/ and found that the problem is only happen in Safari 7.1 and 8 (no matter what the device, MacOS, iPad, or iPhone6)
When we open it using Google Chrome, Firefox, IE any version, even Safari 6 or older, it looks okay.
But when we open it using Safari 7.1 or later, the menu bar looks like wrecked.
Is anyone know how to fix it?

I've did deep research and found the main problem. It's not about the layout code, but the problem is compatibility between my old SharePoint 2007/2010 with the new Safari browser 7.1 or later.
The problem fixed by this thread:
ASPMenu in Safari 7.1 Not Rendering Properly in SharePoint 2010

Related

What browser does Outlook web use for addins on mac?

Does anyone know which browser Outlook-web uses for addins on a mac?
background: I am developing an addin for outlook web on a mac and I'm making use of a bootstrap collapsable panel. I also have two icons that I want to have to the left and right of the title, however, the anchor tag used to expand / collapse the panel is forcing a line break. I am wondering if this issue is something in my css or a browser issue since setting display: inline on the anchor tag does nothing.
According to MS documentation Webkit rendering engine is used, which is nothing but the Safari browser (with limited functionality) is used.
According to Microsoft
Any browser that supports ECMAScript 5.1, HTML5, and CSS3, such as
Internet Explorer 11 or later, or the latest version of Microsoft
Edge, Chrome, Firefox, or Safari (Mac OS).

Is there an easy way to run IE8 on Win7 or Win8?

Is there an easy way to get a copy of IE8 for testing purposes? I am building a website where over 90% of the audience has IE8. I need to somehow get a copy of IE8 for testing but I only have Win7 and Win8 OS. Is there a way to get IE8 to work on one of those OSs? I've seen conflicting opinions on the web (some of it outdated) and would like to ask the awesome Stack community!
Open your IE and follow steps below :
Open "Tools" on the top bar.
Select "F12 Developer Tools"
Select "Browser mode"
Select "Internet Explorer 8
Now you can easily test your website for IE8
You cannot have 2 different Internet explorer versions installed on the same windows box.
Have a look at that link:
How to downgrade to IE 8 from IE 9 windows 7 64 bit
http://answers.microsoft.com/en-us/ie/forum/ie9-windows_7/how-to-downgrade-to-ie-8-from-ie-9-windows-7-64/3bc50db2-2974-4860-b4e2-5b0a0c4711d9
and that one also:
Remove IE9 and reinstall IE8 on Windows 7
http://social.technet.microsoft.com/Forums/windows/en-US/0d88ec6a-f109-4974-9f85-33510b043d53/remove-ie9-and-reinstall-ie8-on-windows-7?forum=w7itprogeneral

Old Versions Of Opera Mobile Emulator

Is it possible to set the version of Opera to use in the Opera Mobile Emulator? I have a pda device where Opera version 10.0 is running and I would like to test my app in an Emulator running exact this version...
I haven't found links to download an older version of the Opera Mobile Emulator, neither have I found a way to set the version in the Emulator.
Usually old versions of Opera for plenty of different platforms are avaiable on Opera browser Archives. It seems the Opera Mobile emulator is not part of it, I'm not sure why.
after digging a bit.
One Windows 7 version
Some versions of "sdlbream" later versions are actually qtbream.
something apparently called an "android emulator" which looks like it's actually a widget manager for Windows and Linux
Let me know if that helps… or not. I'll try to dig more.

Different versions of Browsers or browser emulator

I am developing a website in ASP.NET MVC, using the latest IE and Chrome for testing. It looks fine, but there are some quirks on older browsers like IE 6/7. Sadly, client base is rural, and I saw some people running IE 6 and 7 on their systems, this web site just doesn't look what it is.
Installing different versions and copying pasting an address 10-15 times is painful. I already have (all latest) Opera, Firefox, IE and Chrome. So, I am looking for emulating older browsers.
Is there any way, I can emulate browsers' different versions especially IE and Firefox.
You can use portable versions of Firefox to be able to run them simultaneously, as for IE you can use IE Collections which contains different versions of IE :
Utilu IE Collection contains the following versions of IE:
Internet Explorer 1.0 (4.40.308)
Internet Explorer 1.5 (0.1.0.10)
Internet Explorer 2.01 (2.01.046)
Internet Explorer 3.0 (3.0.1152)
Internet Explorer 3.01 (3.01.2723)
Internet Explorer 3.03 (3.03.2925)
Internet Explorer 4.01 (4.72.3110.0)
Internet Explorer 5.01 (5.00.3314.2100)
Internet Explorer 5.5 (5.51.4807.2300)
Internet Explorer 6.0 (6.00.2800.1106)
Internet Explorer 6.0 (6.00.2900.2180)
Internet Explorer 7.0 (7.00.5730.13)
Internet Explorer 8.0 (8.00.6001.18702)
You can use http://browsershots.org/
This page creates screenshots in different browsers.
It looks like IE is the most problematic browser when using open standard so u can test using
http://www.softpedia.com/progDownload/Internet-Explorer-Collection-Download-105889.html.

How can I check my ajax application and site on multiple browsers?

I am running windows 7 which won't even allow me to use the latest IE version for testing.
I currently use google crome and firefox. Is there a program or easy way to test a site with multiple browsers, and not just
the way they might look but everything like javascript and ajax just as if I were using that particular browser?
http://www.xenocode.com/Browsers/ has some great online browser virtualizations.
They take a bit to load but are perfect for testing. Javascript and such will work like normal and you can try out all the versions of IE from the same computer without installing anything.
I should note that these launch fully functional browser windows- It is not an in browser preview type thing.
They used to have multiple IE versions, Firefox, Opera and safari available to download as portable software but I can't find them anymore :(
Install a virtual machine manager - OpenBox from Sun is free and works OK - and install a copy of Windows / Linux / whatever in each of a bunch of virtual machines. Then in each Windows either keep the installed browser (ie IE 6, hahah, in XP) or upgrade it to IE 7 or IE 8. Also install whatever versions of FF and Opera and so on.
It's not perfect, but I get by using IETester for different versions of IE. The author claims it works on Windows 7.
You can check out the TestSwarm, by John Resig. His blog article on here is at:
http://ejohn.org/blog/javascript-testing-does-not-scale/

Resources