I recently faced an IE8 bug where the margin collapse b/w two horizontal elements. I solved it by replacing the margin with padding.
But the weird thing was that it was only specific to a "Ubuntu LTS server"! It was working fine in my staging site (Cent OS).
Any idea how it was only faced in that server and that server only?
This would need much, much more information to be answerable reliably, like a real world example.
However, I'm going to guess your staging site was on localhost, or some other address that IE treats as local. In that case, the "smart defaults" kick in (emphasis mine)
A large number of line-of-business websites are Internet Explorer 7 capable today. In order to preserve compatibility, Internet Explorer 8 ships with smart defaults based on zone evaluation. In the default state, all sites on the public internet display in Internet Explorer 8 Standards mode (Compatibility View off) and all intranet websites display in Internet Explorer 7 Standards mode (Compatibility View on).
...
If you navigate to sites on your local intranet like http://myPortal and http://sharepoint/sites/mySite, Internet Explorer 8 identifies itself with a User Agent string of ‘7’, Version Vector of ‘7’, and displays webpages that trigger standards mode in Internet Explorer 7 Standards mode. This combination allows webpages that worked correctly in Internet Explorer 7 to continue to do so in IE8.
Related
Please, I need help about a strange behaviour of our server.
The server (Microsoft Windows Server 2012, IIS 8.5, Plesk Onyx 17.8.11) hosts a lot of sites developed in different technologies (PHP, ASP.NET, HTML+JS).
These sites work well with Chrome and FireFox both on Windows and MacOS, but Safari on iOS 11 & 12 is unable to open the sites, so I get this error "safari can't open the page because the server where this page is located isn't responding".
Sometimes Safari open the site for a few minutes, then it don't work again.
I experience a similar in Microsoft Edge: it can't open the sites unless I run Fiddler, in this case it works well.
I'm getting crazy, because this behaviour seems to be unpredictable.
Thank you in advance.
There are many compatibility issues for safari (I can't speak for edge). If you inspect the CSS code of these particular sites that you are having trouble running, and with some research, you will likely be able to identify the lines of code that are causing the sites not to load on Safari.
I have a development environment for WordPress based on Windows 2012 R2 with some theme in Microsoft Azure.
If I deploy it to production which is also Windows 2012 R2 but in a local data center, it looks perfect the same on IE 11 and Google Chrome.
But on the client which has IE 9, the production (local) site is displayed different then the remote Development one. Menu's are different displayed.
When I compare the source (and replace the URL with a similar name) there's no difference between the two. So why is IE 9 rendering the local production site different?
I even searched for cases like one of the images is maybe harded linked to the development site, but that is not the case.
So, the only difference I can think of is that the production site has some name like :
http://Intranet/
versus
http://devintranet.cloudapp.net/
Could that be a difference in security settings local versus internet (which I cannot see from client perspective). And strange thing is that the Internet version is corrent and the local intranet version is different.
I have really no clue where to search for answers.
I found the solution....
IE9 was automatically adding intranet sites tot compatibility mode. It's a setting : Menu Tools > Compatibility view settings. Removing the intranet from the list and uncheck the box which was the default setting.
Why does MS put Intranet sites automatically in compatibility mode?? It has cost me hours and frustration.
Compatibility issues are always front-end headache. need Emulators to test with diff browser versions.
As we known by default it's not allowed to install older IE versions on latest Win8 directly.
instead of using virtual machines or sandbox,
or online tools such as morden.IE / browser stack (need network or payment)
Are there any tools for front-end debugging of different IE versions that can be installed on Win8 for such kind of font-end cross-ie-version debugging?
Many thanks.
Hit F12 inside of IE. There are developer tools built in to IE 9/10/11.
The last tab on dev tools will give you options for emulating different versions of IE (note that the emulation isn't perfect, however)
I've been testing a website I design on my mac and also on windows. To be more specific mac osx snow leopard and windows 7.
Now I'm wondering if I will need to test further e.g. mac osx leopard, tiger ... windows xp, windows vista?
I've been wondering since I started all this browser testing stuff.
Kind regards
The only browser that's an issue IMO is IE as running multiple versions takes some setup and is not completely decoupled from the OS. The Developer Tools in IE 8/9/10 let you choose the rendering mode of earlier versions, but there are sometimes differences in the rendering between the simulated and "native" browser. Users of the other browsers (Firefox, Chrome, Opera, Safari) tend to upgrade quickly and in addition, even early versions of those browsers were fairly compliant (aside from CSS3 capabilities that were codified after they were released, but those usually degrade gracefully)
Great article in Smashing Magazine about setting up testing for IE using virtual machines.
Fonts are dependent on if the user's OS has them installed by default. Fonts have kerning (space between the characters), and if changed to a backup font with different kerning can affect the flow of your page.
Form elements (text inputs, radio buttons, dropdowns, etc.) are rendered by the browser but adhere to the OS standard settings.
In short, it's always good to get your hands on as many environments (OS/browser combinations) as possible to see what your site will look like. If you have a friend with a different set up, check it out, ask them to send you a screenshot or use one of the online services that provide this ability.
Since the portable versions of Internet Explorer are no longer supported (and never fully worked) I'm trying to find a way to test sites in a number of different browsers.
The lag on something like browsershots.org is far too high to be practical, plus you can't test functionality.
I'm looking at using VMWare images of Windows XP with different versions of browsers installed, but it seems like a right pain.
Is there any other method of testing CSS compatibility on browsers?
If running Windows, for Internet Explorer try IETester or IE Collection. They contain all versions of Internet Explorer.
The best way is to actually install these browsers, and really use them to test. You may use virtual machines in some cases (when you want to test Internet Explorer 6 on a Mac, for example).
Like Flakron Bytyqi suggested, the easiest way is to use IETester or similar software. Using IETester for a year, I never saw any difference between its IE6 implementation and the rendering by real IE6.
Now, having multiple virtual machines can be a good idea, since:
You have to install three VM only,
You may test other browsers. For example, install side by side IE6, Firefox 2 and Opera 8,
There is no doubt: you are using real browsers, so everyone using the same browser will have the same result if the same browser options are specified.
Since installing three VM and buying three Windows licenses is not funny, I personally suggest using IETester, as said before, or using services of companies like Litmus (but it's true, you can't test functionality).
Have you tried Adobe BrowserLab?
But for functional testing I'm afraid you will have to do it in browsers. If you are using Linux, you can have a Windows XP installation with (Internet Explorer 8, Safari, and Chrome) on VirtualBox on a Linux machine (Internet Explorer 8 has an option to behave like Internet Explorer 7). And do Internet Explorer 6 testing on Wine in Linux. Checkout PlayOnLinux for running Internet Explorer 6 on Linux.