This question already has answers here:
Force IE compatibility mode off using tags
(12 answers)
Closed 6 years ago.
The standard build of PCs on my current site has 'Display Intranet sites in Compatibility View' set.
If I clear this option then the site I have written appears correctly, if it is set then the site does not appear correctly
So how can I say not to use compatibility mode in the header of my pages
Current header is as follows;
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Consultant Triage</title>
<link rel="stylesheet" href="https//fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en" />
<link rel="stylesheet" href="https://code.getmdl.io/1.2.0/material.blue-amber.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" type="text/javascript"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
Place the following line in the header before the links
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
It must be the first meta tag
Related
This question already has answers here:
Why are Arabic and Chinese characters rendered correctly even without using meta charset="utf-8"?
(2 answers)
Use umlauts in UTF-8 coded HTML-files with firefox
(1 answer)
Closed 26 days ago.
I have made a simple Arabic landing page using Bootstrap, Everything was working fine and when I open my local HTML file on the browser it seams okay. So I have hosted the website to the this domain https://play-gulf.fun/ , it was fine for 3 days but when I went to check it now I found that no letters are displayed and instead there are weird letters appearing on my website
This is the head tag of my html
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="UTF-8" />
<link rel="icon" type="image/x-icon" href="assets/Gulf-White-Icon.png" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap#5.2.0/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
crossorigin="anonymous"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Cairo:wght#400;500;600;700;800;900&family=Readex+Pro:wght#400;500;600;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>PlayGulf</title>
</head>
You can find the rest of the code if you inspect the website.
This question already has answers here:
HTML Favicon.ico won't show on Google Chrome
(17 answers)
Favicon not showing up in Google Chrome [duplicate]
(4 answers)
Closed 2 years ago.
Starting off yes I tried clearing my cache:
Code:
<!DOCTYPE html>
<html>
<head>
<meta charsey="utf-8" />
<title>Title cuz eh</title>
<link rel="stylesheet" href="Style.css">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/favicon.png">
<link rel="icon" sizes="48x48" href="images/favicon.png">
</head>
I created web application using CesiumJS.
On computers its working just fine, but on mobile just Reloading (Safari) and Error (Chrome).
I get Mac from my friend I use developer tools and see error on mobile (see picture)
I tried some solutions for this, to disable iFrame sandbox attribute, but wont works again.
The web site is:
This is my web site
Can you give me a solution please?
Thanks
I spent 30 hours working on different version of my Web site.
I tried without bootstrap, with bootstrap, with scripts, allow-scripts, everything.
I found a solution!!!!!!!!!
I put all my and tags in tag in my .html document.
Also I used tags from Hello world.html document.
My header looks like this now:
<head>
<!-- Use correct character set. -->
<meta charset="utf-8">
<!-- Tell IE to use the latest, best version. -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Make the application on mobile take up the full browser screen and disable user scaling. -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>Molim te radi</title>
<!-- LBOOT -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="Cesium.js"></script>
<script src="CesiumBootstrap.js"></script>
<script src="knockout-3.4.0.js"></script>
<link rel="stylesheet" href="Widgets/widgets.css">
<link rel="stylesheet" href="CesiumBootstrap.css" type="text/css">
</head>
Just this tags is all you (I) need!
My first responsive Website validates, works with all browsers and displays fine when run locally on a machine with IE7, but won't work on IE 7 or 8 when run live.
The top 2 rows of the site are there but nothing else appears, I've tried using respond/s.js but I'm assuming it to be a problem with my links.
A reworked version of the site can be seen [here] and if anyone can help it will be GREATLY appreciated.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Urban Dreamscapes Web Design and Development for Fun</title>
<meta name="description" content= />
<meta name="keywords" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen, all" />
<!--[if lt IE 9]>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, all" />
<script src="scripts/css3-mediaqueries.min.js"></script>
<script src="scripts/html5shiv.min.js"></script>
<![endif]-->
</head>
Your page breaks when it loads the html5shiv js library in IE7/8 and in my case, becomes unresponsive.
Try to add all the elements you want to "shiv" before html5shiv.js is included.
window.html5 = {
'elements': abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video'
};
From your rendered markup, I see hgroup, header and footer. It's better to include everything though just to be sure
I am encountering strange problem while developing a static website for my customer. Every time when I push my changes to the server on my hosting (through to FTP to usuall public_html folder), my customer needs to delete cache of the browser in order to see new changes that I put there. This also happens on other computers with exception of my own. This is head of all my pages
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>STINGPRO s.r.o.</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet" />
<link href="css/font-awesome.min.css" rel="stylesheet" />
<!-- Custom styles for this template -->
<link href="css/main.css" rel="stylesheet" />
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
So should I forbid caching in meta header like in this question or problem lies somewhere else?
Your server is most likely sending the Cache-Control and Expires headers when serving up the page and telling the browser not to check for the content. If you cannot control the request headers, you can manually force the reload. See this other question for details on turning off caching.