I have a site here
http://www.deltacars.co.uk/testsite/
The menu and hover work fine in all browsers including IE8 but when I go to the another page which is using the same html and css the menu does not appear correct
http://www.deltacars.co.uk/testsite/north-wales-private-hire/privatehire.html
Please note that this is only using IE 8.
Anyone know why it works fine on one page and not the other
Thanks in advance
The broken page is missing some conditional IE comments in the header. All you need to do is right click and view the page source to compare the output.
<!--[if lt IE 9]>
<script src="shiv/dist/html5shiv.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
Give your website a thorough validation using http://validator.w3.org - my guess is that one of your 241 errors is causing this not to render correctly in IE8.
"Modern" browsers are intelligent enough to render elements correctly despite the mark-up being incorrect, hence why you're not seeing the problem on any others.
Related
I have developed a dynamic site using PHP Codeigniter. I have used bootstrap V3.2.0 framework for the website to be responsive. Now, the issue is, the entire website's alignment is different in IE8 and the other below versions. The look and feel of the website has been completely changed in IE8, Kindly suggest me on fixing this issue.
Try to include this code into head:
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
You can check supported tags, functions in any browser, with web site http://caniuse.com/. IE8 and below doesn't support html5 and CSS3.
I have a problem with internet explorer 8. I´m using modernizr with html5shiv and it´s working apparently well but html5 code is behaving bad. All content that i have into footer goes out.
If I inspect the code...
Other browsers OK:<footer id="site_footer"><div id="wrap_footer"></div></footer>
IE8 ERROR:<footer id="site_footer"></footer><div id="wrap_footer"></div>
What´s happening? i´m going mad!
pd: It´s not a javascript conflict
Thanks!!
You need use HTML5Shiv technique.
<head>
<!--[if lt IE 9]>
<script src="html5shiv.js"></script>
<![endif]-->
<!-- all css code after-->
</head>
IE 8 and early don't understand right the HTML5 tags.
HTML5Shiv will just once call document.createElement with HTML5 tag name and add to its default css via display: block.
I recently started developing pages in HMTL 5 and everything works perfectly well in all other browsers except IE. What could be the problem?
Thank you in advance!
IE does not understand the new HTML5 element, you need to include a script that enables those element for IE.
<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
More info: html5 shiv
I always use modernizr, it does the same job for you:
Thats because Internet Explorer interprets CSS And the new HTML5 tags differently than other browsers.
See: css-differences-in-internet-explorer-6-7-and-8 on smashingmagazine.com
There is a HTML5 boilerplate available which eliminates some of the crossbrowser differences, but not all: html5boilerplate.com.
Also, in conjunction with the library modernizr you are able to minimize the difference. But while you develop a website, you always do have to check the rendering in all the browsers on which they will appear, because different browsers don't render the same.
Try
<!--[if lt IE 9]>
<script src="http://modernizr.com/downloads/modernizr-latest.js"></script>
<![endif]-->
If you are building responsive website you should use
<!--[if lt IE 9]>
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<![endif]-->
File you can download from http://www.initializr.com/
I'm a university student, and just built my first website for an internship. We are approaching the launch of the site, however during my debugging process I've found that of all places, it doesn't work on my boss's machine and browser combination. She uses a Vista OS and internet explorer 7 for a browser. I know IE7 is outdated, but according to broswershots.org IE7 will still render the site mostly correct on an XP operating system.
The main page of the site is accessible here
Here are screenshots of what happens with the Vista/IE7 combo:
Please let me know what you think, as any ideas would be extremely helpful. Thanks!
In your boss's browser, go to Tools, Internet Options, Accessiblity.
She may have checkboxes checked that override font settings.
"IE7 will still render the site mostly correct"
Sadly, no. IE has a long history of being crap and ignoring web standards. IE6 was notorious for this. IE7 a pain. IE8 a bummer and IE9 is mostly now just a small annoyance.
Bottom line is that you likely have IE7 bugs appearing. It's not necessarily indicative to bad markup or CSS, but rather just problems with IE7.
The typical solution is to use IE conditional comments to render a unique class name to the BODY tag. You can then over-ride the standard CSS just for a particular version of IE7 to bend it into submission:
<!--[if !IE]> -->
<body>
<!--<![endif]-->
<!--[if gt IE 8]>
<body id="IE9">
<![endif]-->
<!--[if IE 8]>
<body id="IE8">
<![endif]-->
<!--[if IE 7]>
<body id="IE7">
<![endif]-->
<!--[if lt IE 7]>
<body id="IE6">
<![endif]-->
And then in your css you can do this:
.myClass {...standard styles...}
#IE7 .myClass {...ugly hack just for IE7...}
#IE6 .myClass {...ugly hack just for IE6...}
I'm using these codes to fix the png display problem in IE. The strange thing is that sometimes it works and sometimes it doesn't. I included these within <head> or my htmls.
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="_scripts/pngfix.js"></script>
<![endif]-->
Any ideas anyone? And if there's any way to fix this problem with IE6?
Try using DD_belatedPNG instead.
It uses a different technique compared to most of the other IE6 .png fixes, and has in my experience been generally more reliable.
Be sure to precisely follow the instructions in the "Usage" section.
Remove the period:
<!--[if lt IE 7]>