Asp Menu control is not rendered as the way it has in IE 8 and IE 9.please help to fix this issue.It is padded with white space or the sub menus are not displayed properly sometimes.
compability mode error,
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
</head>
Related
I just installed TailwindCSS and would like to learn about it. After some problem-solving during installation, I meanwhile had no more warnings in the installation process, but when now trying in VSCode some of the first examples from the Tutorial, some of the Tailwind classes used in the HTML file can be applied and have an effect in the browser, while others seemingly cannot be applied and have no effect in the browser.
Could anyone please help me, what needs to be done to make the TailwindCSS installation fully work and be able to make use of all Tailwind classes?
For example, this very first example from the tutorial on the Tailwind homepage works correctly for me and the button is correctly shown in blue and gets darker, when hovering over it in my browser (MacOS, Safari):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="tailwindout.css" />
</head>
<body>
<button class="bg-sky-500 hover:bg-sky-700">
Save changes
</button>
</body>
</html>
But one of the next examples in the tutorial on the homepage has no effect and the selected text is not shown in fuchsia color in my browser (MacOS, Safari), neither when calling the html file with live server from VSCode nor when directly opening the html file in the browser from the Mac Finder:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="tailwindout.css" />
</head>
<body>
<div class="selection:bg-fuchsia-300 selection:text-fuchsia-900">
<p>
So I started to walk into the water. I won't lie to you boys, I was
terrified. But I pressed on, and as I made my way past the breakers
a strange calm came over me. I don't know if it was divine intervention
or the kinship of all living things but I tell you Jerry at that moment,
I <em>was</em> a marine biologist.
</p>
</div>
</body>
</html>
I have created one jsp page that page is working fine across the all browser.when i rendered that page in IE8 browser it's working fine.But problem is when i select
Browser Mode-IE8 Compatibility View than corresponding
Document Mode- IE7 Standards will be selected automatically.
then my jsp page giving a lot alignment issue.But when i select again
Document Mode- IE8 Standards than my page working fine..
How i can control this thing Is there any way to setting because i can change again again the document mode..i want Document Mode will fix IE8 Standard..
Please provide the solution how i can handle this issue...
Try changing the DOCTYPE to:
<DOCTYPE html>
And then try adding this meta tag into the <head> of your document:
<meta http-equiv="x-ua-compatible" content="IE=Edge"/>
This meta tag should force IE into standards mode, you can find more information about it here.
You should end up with something that looks like:
<DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta http-equiv="x-ua-compatible" content="IE=Edge"/>
</head>
<body>
<p>Content</p>
</body>
</html>
Hi I just started develop applications for mobile devices, Have the next trouble. This site: http://dimax.co.il/development/test-ding/OscarWilde/#/menu dispalyed correctly on PC browsers, but on Safari on iPhone 4S, it should be displayed full screen but it much less then full screen. All css you can see there. Thanks for help.
Ensure you have view port set in your head section
<meta name="viewport" content="initial-scale=1.0">
A more complete answer for mobile sites would be:
<meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1, user-scalable=no" />
I have a website, where IIS sends the following in the header (which is correct for the overall site):
X-UA-Compatible: IE=Edge
However, on a specific page, I have at the very top of my <head> section the following:
<!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<![endif]-->
This is being interpreted correctly by IE8, as it shows up at the top of the when I view the page source. However, it never changes my Document Mode from "IE8 Standards" to "IE7 Standards." The Browser Mode is in IE8 Compatibility View by default(it's an intranet site), but even in normal IE8 mode, it still has the same Document Mode issues.
I thought that having the meta tag on the page overrides whatever was sent in the initial header from the server. Is there anything else I could be doing to change the document mode for this one page?
EDIT: I can force IE7 document mode if I place the following in my Page_Load of my aspx page Response.AddHeader("X-UA-Compatible", "IE=7"); so I now have this header show up after the IE=Edge header, so only this second one is interpreted. This doesn't actually solve my issue though, because the meta tag above has the advantage of not being used in IE9 or IE10, and some of the niceties of the page disappear when forcing to IE7 document mode. I just specifically need this to work for IE8 and older.
Also, if I remove the conditional CSS, it appears to get the document mode correct. So is it possible that conditional CSS executes after the page loads, and if so, how do I fix it to make IE7 document mode only show up for IE8 and earlier browsers?
Are you sure you have the order correct? I just tried this page that I found HERE and my browser defaults to "IE7 standards".
<html>
<head>
<!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=7" >
<![endif]-->
<title>My webpage</title>
</head>
<body>
<p>Content goes here.</p>
</body>
</html>
The website I'm working on is www.shandon.com.au .
It looks pretty well on every browser except IE9, where the navigation menu disappears (it uses Superfish JS).
I'm running a Mac so I can test it only on IETester in VMWare, and if I don't move the mouse everything looks fine, whenever I hover the webiste window, it disappears and the search box move down.
What should fix this? Any help will be appreciated! Thanks!
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
That's one of the problems, change this to
<meta http-equiv="X-UA-Compatible" content="IE=Edge" >
Then delete this line from the head:
<!--[if IE 9 ]> <html class="ie ie9 no-js" dir="ltr" lang="en-US" xmlns:og="http://opengraphprotocol.org/schema/"> <![endif]-->
I don't think you need IE9 specific detection, it will render everything correctly in your website anyway.