http://neeyamo.com/
the above website displays hidden layouts in ie8.
Which are meant to display only in low screen resolution.
i used "display:none" using css media query.
It works fine in other browsers.
But in IE8, it does not work.
may be you can use $("#idofdiv").hide() in jquery in document.ready()
Css media queries are not supported by IE8 but there are ways to get around IE7, IE8 support for css3 media query
Try something like
<!--[if lte IE 8]>
<style type="text/css" media="screen">
/*
.yourclass { display: none; }
</style>
<![endif]-->
Related
it's possible to set the layout of bootstrap 3 in IE8 not responsive as in version 2 using respond.min.js without writing a special css for IE ?
<!-- 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.4.2/respond.min.js"></script>
<![endif]-->
Using respond.js is not making responsive bootsrap layout in IE8.
You can check it on
http://getbootstrap.com/examples/navbar/
You can read about respond.js on github:
https://github.com/scottjehl/Respond/blob/master/README.md
The goal of this script is to provide a fast and lightweight (3kb minified / 1kb gzipped) script to enable responsive web designs in browsers that don't support CSS3 Media Queries - in particular, Internet Explorer 8 and under. It's written in such a way that it will probably patch support for other non-supporting browsers as well (more information on that soon).
I am developing a responsive site and do use media queries, which are not read by IE8 as well as the internet explorer on windows phone. Therefore I am using conditional comments for these. For IE8 and lower I use the following snippet to include the screen css:
<!--[if lt IE 9]>
...some stylesheets...
<![endif]-->
For windows phone I have to include the css for the mobile resolution and I am using the following snippet:
<!--[if IEMobile]>
...some stylesheets...
<![endif]-->
My problem is that the IE 8 seems to use the stylesheets inside the conditional comment for IE mobile as well, because as soon as I am including the styles inside the conditional comment for IE Mobile, the whole site in IE8 and below crashes.
I also tried this combination:
<!--[if (IEMobile)&!(lt IE 9)]>
But without success. Maybe the idea of the combination is right and I am just making a mistake with the syntax or there is some problem with the IE8 and the rather new conditional comment regarding IE Mobile?
According to this: http://dev.bowdenweb.com/html/ie-conditional-comments.html
You should be able to use this syntax for combining conditions:
<!--[if IEMobile]><![if gt IE 8]> Yo IE 9+ on mobiles <![endif]><![endif]-->
Is there a way to force Standards/Quirks mode from the browser (similar to what IE does) in Chrome, Firefox, and Safari?
Use the quirksmode stylesheets of Webkit or Gecko and toggle it on or off in one of several ways:
User Stylesheet
Style Switcher
CSSOM
DOM Level 2 Style API
I found that not including a DOCTYPE like <!DOCTYPE html> leads to quirks mode, where for example width: 100% suffices instead of width: -moz-available; width: -webkit-fill-available; width: available;
So I have been working on a site (http://getcours.tk/), recently, It works fine in Chrome (So webkit) and Firefox (So Gecko) but I just tried it out in Internet explorer 8 and Since it doesn't seem to follow CSS3 standards, It is incapable of rendering it properly.
I just want to display a message to users of internet explorer 8 and below (ie9 works) to say that the site will display incorrectly in their browser, and that if they wish to see it properly they should Use a Modern browser.
Really hoping for a hand here, thanks to anyone who can help
-jman6495
It's really simple actually. You can paste this anywhere in your page and everything inside it will only be rendered by IE8 and below
<!--[if lt IE 8]>
//Whatever you want here
//For example, specific css only for IE
<link rel="stylesheet" type="text/css" href="cssIE.css" />
<![endif]-->
Similarily you can use "gt" (greater than) instead of "lt" or any number version you want.
Like this site
Pay attention to your address bar.
They reference two icon files:
This one is for IE that only understands ICO format.
<link rel="shortcut icon" href="http://img1.wolai.com/img/favicon.ico" />
This one is for good browsers. This is an animated GIF.
<link rel="icon" href="http://img1.wolai.com/img/favicon.gif" type="image/gif" />
It looks like their favicon is an animated gif. It didn't seem to be animating in Google Chrome (4.x stream), but it works in Firefox.