Link to home
Start Free TrialLog in
Avatar of spiderdexter
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
Avatar of jonahzona
jonahzona
Flag of United States of America image

If you are working with HTML5, it will not work with IE7. IE7 is no longer supported and will NOT support HTML 5.

Ever.

 Sorry.
Avatar of spiderdexter
spiderdexter

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!
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.
Avatar of Amick
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.
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,,,
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.
Yes that is the issue, do you have a solution for that ?

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]-->

Open in new window

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.
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
ASKER CERTIFIED SOLUTION
Avatar of Amick
Amick
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial