Please have a look at the menu at my site: http://server.patrikelfstrom.se/johan/fysiosteo/
In FF & chrome, it works as it should. But the css doesnt seem to get used in IE and i cant figure out why. Any help is appreciated!
Just i see your code in firebug. You used -moz-linear-gradient and box-shadow properties. I think this is not support lower version ie.
Try putting this:
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
into your code to allow the nav element to work in lower versions of IE.
Related
I'm having problems when it comes to print in EI9. It seems that the css is failing, but it works great in IE10, IE11, Firefox and Chrome.
I read about bootstrap (yes, I'm using it) and html5 issues when it comes to this browser, but I couldn't find a solution that works in my case.
This is the most significant thing that I've tried so far:
<!--[if lt IE 9]>
<script src="html5shiv/dist/html5shiv.js"></script>
<script src="dest/respond.min.js" type="text/javascript"></script>
<![endif]-->
Thanks!
This might help.
Printing Twitter Bootstrap correctly
This site has a pretty detailed explination for html and js browser hacks. http://browserhacks.com
You could also try forcing the IE mode. Like set it to edge.
IE Compatibility Mode: 'X-UA-Compatible' tag 'Edge'
This is a long shot..
http://support.microsoft.com/kb/973479
I know this is not an uncommon problem, but my layout that works in all other browsers blows up completely in IE (8 and 9).
I don't know if protocol is to post all the code here or just a link...
it is: www.megadyne.com/safezone/index.php
I think the relevant part is that I have a container div which is position:relative and then a bunch of divs inside that are position:absolute and the inner divs are being pushed out in IE.
There are lots of other problems with the layout—only in IE, but hopefully they are related?
Thanks in advance!
Brian
Take a look at the css for http://html5boilerplate.com/ it does a pretty good job standardizing all the css for browsers before you put in your code. Try using their css and putting #inline your css into their css where it asks for your custom css, and see if that fixes the issue.
if that doesn't work you can have a separate css file for IE with the HTML5 code
//If browser is IE version 8 or greater
<!--[if gte IE 8]>
<link rel="stylesheet" type="text/css" href="iespecific.css" />
<![endif]-->
Turns out there was something wrong with my declaration. Fixed that and all is right with the world again.
I am using modernizr & declaring display:block in css on elements but no styles are being applied!
The link is: http://www.complexd.co.uk/blog-intro/
Also jquery masonry is broken in IE - not sure if this is related. All my attempts to fix this have come to nothing, so would be grateful if someone could guide me in the right direction. Not sure what I am doing wrong.
download
http://code.google.com/p/html5shiv/
Try this
<!--[if lt IE 9 ]>
<script src="/public/script/html5shiv.js"></script>
<![endif]-->
Change the src to whatever your path is
CSS is not loading for my site on IE7 for some unknown reason. Its working fine for IE8, chrome and mozilla. You can see the website at www.fineartsbaroda.com
Is this answer resolved?
If not, I was going to suggest putting media="screen" for the default.css stylesheet link.
I suspect that it's because of ::-moz-selection.
css selection is not working in IE
You may need to add a conditional work-around/hack using something like
<!--[if gt IE 8]>
<![endif]-->
I'm having problems with this website http://cspa.wa.edua.au.
The website is fine in most browsers however in IE the drop downs go behind the slider. I'm using aviaslider and super suckerfish for the navs.
Any CSS experts out there can have a quick look and let me know what I need to change so this problem is fixed.
The problem is with IE7 and is not to do with HTML5. Instead it is a conflict with the z-index of the aviaslider and associated script.
Adding position: relative and z-index: 99 to the <nav> element should fix the problem.
You just need the HTML5 shiv by the looks of it.
Try this in ur <head>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->