spiderdexter
asked on
IE7 html 5 browser issue
Hi,
Please view this page in IE 7 and firefox.
http://www.southlanarkshire.gov.uk/scottishscrutiny/
It works fine in Firefox, but i need it working fine in IE7.
Cheers
Please view this page in IE 7 and firefox.
http://www.southlanarkshire.gov.uk/scottishscrutiny/
It works fine in Firefox, but i need it working fine in IE7.
Cheers
ASKER
Hope you are unaware of HTML5 enabling script for IE. There are many sites out there in HTML 5 rendering fine in IE 7
Wow. I guess I am.
If this is true, I gladly stand corrected!
If this is true, I gladly stand corrected!
Didn't even realize they figured out how to get HTML5 working in the older browsers.
Thanks for the heads up.
Could you post a pic of what it is supposed to look like? I have firefox 4, but I am not sure if is rendering correctly or not.
Thanks for the heads up.
Could you post a pic of what it is supposed to look like? I have firefox 4, but I am not sure if is rendering correctly or not.
Yes, the solution is to write "shiv scripts" that either recognize html5 selectors or provide the effects you are missing in the browser or use an adaptive tool such as Google ChromeFrame to add HTML5 rendering abilities to your browser.
ASKER
hi all,
please note this is not an issue with html5 elements, just basic css, note that i have already added html 5 enabling script, all elements are fine, it is only top nav(navigation bar) that i am talking about,,,
please note this is not an issue with html5 elements, just basic css, note that i have already added html 5 enabling script, all elements are fine, it is only top nav(navigation bar) that i am talking about,,,
I would look into the display: inline property on your li that is holding the link.
Doesn't seem to affect IE9 or FF, but it makes the link disappear in IE7. Once it is removed the link is there, though not positioned correctly.
Doesn't seem to affect IE9 or FF, but it makes the link disappear in IE7. Once it is removed the link is there, though not positioned correctly.
ASKER
Yes that is the issue, do you have a solution for that ?
Thanks
Thanks
Changing the block at line 99 to this:
<!--[if IE 7]>
<style type="text/css">
.styled_select{width: 100%; margin-left:0px; margin-top:-1px; }
nav {
right:77px;
}
nav ul {
display:inline;
}
nav ul li.home a{
zoom:1;
z-index:1;
}
</style>
<![endif]-->
almost works. For some reason only half of the background image nav-bg-li.png shows on my IE7 emulator. It may show up correctly on IE7.
ASKER
Hi,
Sorry for re-iterating.. The background image appearing half is the actual issue,
The styles you have given doesnt seem to fix the issue.
Thanks
Sorry for re-iterating.. The background image appearing half is the actual issue,
The styles you have given doesnt seem to fix the issue.
Thanks
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Ever.
Sorry.