IE6 screwing the pooch here... what the hey! - html

http://sensenich.bythepixel.com/support/faq
If you look at the link in IE6 styling appears only when you scroll down. Then when you scroll back up it disappears. How is this possible?
Thanks

I don't have IE6 anymore but judging by the source I'd say jQuery is responsible. You might be better off not trying to be so fancy in IE6 and just focus on giving them the information. It's a dying browser anyway.
<!--[if lte IE 6]>
<script type="text/javascript" src="/assets/js/supersleight-min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#logo, #midfooter').supersleight();
});
</script>
<![endif]-->
This. Do you REALLY need it? On second thoughts, maybe you do need it, but try removing it to see if it's the culprit. If it is there are other scripts that solve the transparency problem you might have more luck with.

Related

IE Redirect Method

Use Different HTML for IE
I have developed a CSS Grid Site that works with all browsers except IE and have tried Autoprefixer which made improvements but did not fix all problems, some of which may not be Grid related. I am looking for recommendations to redirect ALL IE browsers to a completely different HTML file and would appreciate recommendations to do so. I already have separate HTML and CSS files that work with IE. Thanks for any suggestions.
I found this on another post and it seems to work well:
<<!-- For IE <= 9 -->
<!--[if IE]>
<script type="text/javascript">
window.location = "https://google.com";
</script>
<![endif]-->
<!-- For IE > 9 -->
<script type="text/javascript">
if (window.navigator.msPointerEnabled) {
window.location = "http://bobabend.com/index-old-as-of-3-7-2019.html";
}
</script>

I can use footer tag from HTML5 in IE8

I found something strange in my website... I'm using HTML5 and this script to use in olders browsers.
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
When I use <article>,<section> it works but when I use <footer> it doesn't.
I don't know the reason.
The others tags have the open tag and close tag.... This is the html code
Header:
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<script type="text/javascript">
activaMapa = 0;
</script>
<![endif]-->
Footer Code
<footer class="pie">
<p>Web Site</p>
</footer>
Thanks for all the responses!
I found the problem...I'm looking my settings in IE and I've the scripting disabled... I activated and works!
Thanks for all!
Please change html5shim to html5shiv
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
Hope this may work
Older browsers doesn't support HTML5 tags. For this, you can use libraries like Modernizr or html5shim.
These libraries will provide support for older browsers bearing the HTML5 tags.
A good way to see if a tag is supported or not is by using CanIUse.com, and in this case, no, <footer> is not supported in ie8.
Instead, try using
<div id="footer"></div>
and for your css instead of
footer {
...
}
use
#footer {
...
}

HTML5 template not working on Internet Explorer, how to solve it?

I made a template in HTML5 which is working with Chrome and Firefox but not working with Internet Explorer (tested on IE 8).
How can I solve this problem?
just add "display:none" to your templates. Works for i.e. 11
<template id="fancyTemplate" style="display:none"></template>
I recommend you Neovov's polyfill:
https://github.com/neovov/template-element-polyfill
NB: There's a bug in IE 11: it moves <template> under the <body> element before rendering the DOM! So the parentNode attribute is wrong, and nesting will fail.
You can see it in the [F12] Tool.
Get a copy of html4shiv, and use it where IE is less than 9:
<!--[if lt IE 9]>
<link rel="stylesheet" href="styles/ie.css" type="text/css"> <script src="scripts/ie/html5shiv.min.js"></script>
<![endif]-->
You are searching for the html5shiv.
It 'enables' all the html5 elements, which aren't available in the old internet explorer versions.
You can try to replace <template> tag by <script>
<script id="fancyTemplate"></script>
You can hide the element using CSS: template { display:none !important; }
And if you need to access/clone the content like natively possible in other browsers, use this polyfill: https://github.com/jeffcarp/template-polyfill
But keep in mind the content of the <template> can still be found in the DOM and is executed - preventing exactly that is the main goal of the tag. No polyfill can stop that from happening, IE is once again slowing down modern web development.

Magento: Cleaning up my themes, removing blank.html

I'm justing sorting and optimizing my Magento 1.5.1.0 theme and I'm asking myself, for what purpose this code snippet is and whether I can safely remove it.
Talking about this one:
<!--[if lt IE 7]>
<script type="text/javascript">
//<![CDATA[
var BLANK_URL = '<?php echo $this->helper('core/js')->getJsUrl('blank.html') ?>';
var BLANK_IMG = '<?php echo $this->helper('core/js')->getJsUrl('spacer.gif') ?>';
//]]>
</script>
<![endif]-->
Any advice is appreciated.
Thanks!
BLANK_URL is part of a IE6 fix, to make the browser show iframe backgrounds transparently, when being hovered.
BLANK_IMG is part of another IE6 fix, to make the browser show PNG images correctly, when used as background images.
Whether you can remove them, solely depends on which browsers you want to support.
If you want to remove them, be aware though, that you also should remove the proper .js includes, iehover-fix.js for BLANK_URL and/or ds-sleight.js for BLANK_IMG, too.
<!--[if lt IE 7]>
<script type="text/javascript" src="http://example.com/js/lib/ds-sleight.js"></script>
<script type="text/javascript" src="http://example.com/js/varien/iehover-fix.js"></script>
<![endif]-->

Not serving a CSS to IE7 & IE8

Is there an easy way to serve a whole stylesheet to every modern Browser but IE7 and IE8? Some kind of inverted conditional comments?
The following should work per Microsoft's documentation:
<!--[if !((IE 7)|(IE 8))]><!--><link rel="stylesheet" type="text/css" href="ie.css" /><!--<![endif]-->
I don't know much about web coding... but this looks like what you are looking for.
Check out this site.
If you are simply trying to exclude browsers older than IE9, it is simpler to use
<!--[if gte IE 9]>
<link ...
<![end if]-->
Otherwise, you will need to use other operators to fit a specific subset, as others have already provided.
The MSDN docs are very useful here: http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx
Note that you can use "!" to denote "not". So you could use something like this:
<!-- [if !(IE 7) & !(IE 8)]>
<link href="modern.css" />
<![endif]-->
Pretty straight forward.
Updated
Since IE's quirky conditionals don't get respected in other browsers. You could easily add jQuery to the page and do something like this:
<script src="jquery.js"></script>
<!-- add jquery first for browser sniffing -->
<script>
// if broswer is IE and less than version 9 write out the nice CSS
if($.browser.msie && parseInt($.browser.version) < 9){
document.write("<link href='modern.css'/>");
}
</script>
jQuery docs on browser sniffing: http://api.jquery.com/jQuery.browser/