Using Browser and Document mode settings correctly - browser

I have a wordpress site with ie html5.
Its fine in IE9,7 FF, Ch, Op and Saf. However, IE8 might be giving problems on one page http://www.haywardsdrycleaners.com/services/
I say might because I am confused about how to test it with IE 9. If I set the "Browser mode" to IE8 then as the page refreshes the document mode stays on "IE 9 standards (page default)". Like this everything displays perfectly. However, if I leave Browser Mode on IE8 and click Document mode to IE8 the layout goes wrong.
My question is if I had the "Real" IE8 installed then would the page be ok or not! I do realise that this mode is only an approx as per Browser mode and document mode in IE9
Thanks
E

I just went to that page in the real Internet Explorer 8 on Windows 7 and the layout is, indeed, messed up. You can test it yourself for free using an official virtual machine:
Internet Explorer Application Compatibility VPC Image
The virtual machine even works in VirtualBox.

Related

EmulateIE7 mode set in IIS7/web.config does not show page in proper mode in IE11

I have a web site and IE8, IE9, and IE10 always worked great using IE=EmulateIE7 mode in HTTP header response from IIS/7, but this mode does not seem to render properly in IE11.
The page does not render or behave properly in IE11, although it works fine in EmulateIE7 mode in IE8 through IE10.
If I open F12 tools on IE11, I see the document mode is "7."
The only way to make IE11 working properly is adding manualy the domain to compatibility view mode, then it works great; but we cannot ask all users to manually activate compatibility view for our domains.
How is possible to force IE11 to render as IE7 without adding the domain to the list of compatibility web sites ?
Many thanks to any help !!!
I've been working on this the last few days and there's some bad news, it works, but in order to make it work, the user must add the URL/Domain of your site to the "Compatibility View Settings" of IE 11.
In other words, you can't force the browser to render in compatibility mode without the explicit acceptance of the user.
You will find how to configure it here:
www.windows8core.com/how-to-view-and-configure-compatibility-settings-in-internet-explorer-11-of-windows-8-1/
I have been able to get this to work if I add the X-UA-Compatible header in IIS itself. Not sure why it doesn't work when added to web.config

IE8 renders web page differently based on browser mode even though document mode is fixed - Intranet site

I am finding that IE8 renders web pages differently based on Browser mode despite Document mode always being set the same. Is this an IE8 bug?
Background is:
A corporate intranet being viewed by IE8 (part of the SOE).
Display Intranet sites in compatibility mode is ticked in compatibility settings.
I am forcing document mode for my intranet pages by using the meta tag approach: <meta http-equiv="X-UA-Compatible" content="IE=edge" />
This results in Browser mode set to IE8 Compat, and Document mode set to IE8 Standards.
So far this has all been good, no issues whatsoever, pages layout as I expect, etc etc.
Just recently some functionality was added (I won't say what at this stage - the question is about page rendering modes) and the page is laying out incorrectly. Changing the Browser mode to IE8 in Developer Toolbar (or unticking in Compatibility View Settings) fixes the layout issues. This surprised me as the Document mode is unchanged.
So to re-cap the combinations:
Broswer Mode=IE8 Compat, Document Mode=IE8 Standards [broken]
Broswer Mode=IE8, Document Mode=IE8 Standards [works]
The document mode is the same, the only thing changing is the browser mode. I thought the document mode is the only thing that should affect page rendering, and that browser mode only affects, basically, the UA string sent in the request. Am I correct, or do I have it wrong? If I am correct then once document mode is determined then browser mode should have no affect at all on rendering. Is this a bug in IE8? Or am I wrong? Does the browser mode affect rendering even if the same document mode is used?
Limitations:
I have no control over unticking Display intranets in compatibility view in compatibility view settings for all our users (corporate intranet, we have other legacy apps, too much testing to make sure they all work in Standards mode, would never get approval to make that type of global change).
I have no option to upgrade browser for all users. We only just finished a 6+ month project upgrading from IE6 to IE8.
I realise this is a very old question, but in case it helps anyone:
According to this answer to the question IE8 browser mode vs document mode, browser mode does "just" set the User-Agent string. However, since this value is used when evaluating IE conditional comments, the browser mode can have an effect on rendering if (a) any code tests directly against the UA string, or (b) there are IE conditional comments in the code.
A browser mode of IE8 Compat would normally evaluate to a UA string of MSIE 7.0, so if you have any conditional comments checking for if lt IE8, for example, that could be the source of your issue.

Having problems to load images in Opera Browser(login popup)

I think this should be releated to IIS settings but don't know exactly what it is.
As you can see below, this login message pops up for each images, 8 images 8 times in Opera.
And the major browsers react to this page different.
IE9 works good(this is the reason why I found this problem now. It's internal site and almost every users use IE...)
Chrome(17.0.963.56 m) works good.
Safari(5.1.2) is also good.
Opera 11.61 has a problem like I said...
And FF SHOWS NO IMAGES and don't even ask for login. And Firebug says it's "NetworkError: 404 Not Found!".
I don't know what's going on.
This site requires to login and it's internal, so I can't give you the link. Sorry for the inconvenient.
And this site is running on Windows Server 2003. And the image containing folder is shared for web(I don't know why it's shared. But don't want to change the setting). I don't know this may cause this situation.
If Opera opens a user name/password dialog, the site is probably sending a WWW-Authenticate header in response to those image requests. You can open Opera's developer tools ("Tools > Advanced > Opera Dragonfly" or right-click in page and select "Inspect element") and use the network feature to inspect the full headers.
I don't know how you can disable this header if it is sent, it depends on the server settings and what type of server you're running, and I'm not at all familiar with Windows Server 2003.

Font-face embed (on website using CMS Made Simple) disappearing randomly on IE6

I made a website with custom fonts embedded on the website using font-face. The font embed works fine across all major browsers on Windows, including IE7. However in IE6 the embedded fonts tend to disappear from time to time.
This only occurs on the website after I have implemented on CMS Made Simple however (and then it only occurs on IE6 during navigation between pages).
Template: http://www.vdpwebsites.com.au/tony/2011/bindara/index.html
(pages available: home, about us, stallions)
CMSMS: http://203.98.84.170/~bindara/
I think it might be a loading problem or something. On my template when I navigate/go between pages I can see the font first appearing in arial, before being replaced by the embedded font.
when you first go to the website on CMSMS the embedded font shows, but when you switch pages it gets stuck on arial. The only way to get it to show the embedded font again is to reload the page (ctrl F5) or clear the cache. Refresh doesn't do anything but replace the embedded font with arial if it was showing.
I'm running windows 7, and the IE6 is running off a Virtual PC. I'm not sure if the same would occur for someone who were using IE6 on their actual machine. Can anyone test this for me?
Cheers
I checked the site on a remote IE6 machine. I did not ever see the embedded font fail to load. Though I did see Arial at first, after a few seconds the embedded font loaded.

CSS Style differs in Localhost vs Machine Name

I am about to wrap up the implementation for my first ExtJS based application. But I am facing a weird issue at this point.
I am using ASP.net at the server and then ExtJS at the client. I noticed that, If I run this project from Visual Studio Debugger then it works nice, and in that case my browser URL was set to
http://localhost/MyApp/Home.aspx
But As soon as I open a new browser and hit
http://MyWorkStationName/MyApp/Home.aspx
it behaves slightly different.
For instance, some Button Shapes are not rendered properly.
Can any body give me a clue how can I debug this issue. basically how the style can be influenced by the machine name vs localhost in URL ?
Thanks in advance!
I too had the same issue.
This is due to the compatibility issue in ie8. go to tools->compatibility View Settings
uncheck "Display intranet sites in Compatibility view.
In local host or when we run from VS. It is not in Compatibility mode. And works fine in ie or in FF. But as soon as we change the local host to hostname/machinename it is going to compatibility view(default setting).
Jquery drag and drop functionality was also creating some problem. when it was running in compatibility view.
Use this first in header: <meta http-equiv="X-UA-Compatible" content="IE=9">
You can use Firebug or IE Developer tools to debug the css ( >= IE 8 preferably if Firefox is not an option.).

Resources