Site not visible or screwed up in IE9 - eek!

PVM3 · 20th June 12, 12:15 AM

Hi:
This is a responsive site and it's working well in major browsers and devices, but I don't have a copy of IE9 and didn't realize it wasn't working there. My bad. (Primarily work on macs - need to update my pc for IE9). I'm told either the site is blank, or screwy looking.

I did a few adjustments for IE7/8 before going live and am wondering if I've muffed up the code for those and if they're the root of the problem. I believe that all the things I've done should be viewable in IE9. Other than media queries the CSS3 includes gradients, rounded corners (border-radius's), making images scalable, etc.

Per colorzilla gradient generator, I needed to add this to my headcode to get gradients to work in IE9; also needed to add a class="gradient" to any element that use the gradients, which I did to the body and navlinks:

Code:

!--[if gte IE 9]>
<style type="text/css">
.gradient {
filter: none;
}

I have the HTML5 shiv in the head also:

Code:

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Can someone please take a look at this site in IE9: http://www.dermatologypartners.com and get me started troubleshooting?

Thanks, thanks, thanks!

meesa · 20th June 12, 12:55 AM

According to IE's developer tools, the body tag is empty when in IE9. Also, if you're supporting Ie7, your menu has an issue.

PVM3 · 20th June 12, 12:58 AM

The body tag is empty: can you tell me what that means?

Here's my default body tag (no media queries, intended for desktop and IEs)

Code:

body {
margin:0; 
padding:0;
background: #939698; /* Old browsers */
background: -moz-linear-gradient(top,  #939698 0%, #939698 25%, #ffffff 100%) fixed; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939698), color-	stop(25%,#939698), color-stop(100%,#ffffff)) fixed; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #939698 0%,#939698 25%,#ffffff 100%) fixed fixed; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #939698 0%,#939698 25%,#ffffff 100%) fixed; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #939698 0%,#939698 25%,#ffffff 	100%) fixed; /* IE10+ */
background: linear-gradient(top,  #939698 0%,#939698 25%,#ffffff 100%) 	fixed; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939698', endColorstr='#ffffff',GradientType=0 ) fixed; /* IE6-9 */
font: 14px/18px 'Gentium Book Basic',"Times New Roman", Times, serif;
}

meesa · 20th June 12, 01:03 AM

What OS are you using? Why don't you have IE9?

I mean the <body> tag says that it's empty. I don't know why, my best guess would be a script.

PVM3 · 20th June 12, 01:10 AM

I have an older PC and primarily use my mac. I have IEtester up to 8 and need to get ie9 but I have to upgrade and haven't had the dough. It's hard to keep up with all the various machines for testing when business is tight. Business picking up, new machines in the works.

Anyway, clearly I have to figure this out and I don't know where to start -

PVM3 · 20th June 12, 01:23 AM

Will post at stackexchange/internet explorer -- maybe they can help. But if anyone has any ideas please let me know!

Thanks

PVM3 · 20th June 12, 01:37 AM

Meesa:

I found a script error and fixed it - can you see if the site appears now in IE9?

Thanks!

meesa · 20th June 12, 01:40 AM

It appears now, but the menu is below the content. Try putting the menu first in the HTML code, so you have:

MENU CODE
CONTENT CODE

Also, do you not have a friend that has a more updated computer, or perhaps a library that has public computers?

PVM3 · 20th June 12, 01:45 AM

Yes, I do have a friend with IE9 and I had tested it earlier in the process and was ok. Since then I had made some changes and hadn't tested it again in that browser. So definitely my bad. And I will be upgrading soon.

OK, so menu is below the content. Does it otherwise look "normal" or are their other problems as well?

And thanks again!

meesa · 20th June 12, 02:25 AM

No, the menu items are boxes with a curved white outline.

20th June 12, 12:15 AM	#1
PVM3 WLC Lover Join Date: Dec 2008 Posts: 182	Site not visible or screwed up in IE9 - eek! Hi: This is a responsive site and it's working well in major browsers and devices, but I don't have a copy of IE9 and didn't realize it wasn't working there. My bad. (Primarily work on macs - need to update my pc for IE9). I'm told either the site is blank, or screwy looking. I did a few adjustments for IE7/8 before going live and am wondering if I've muffed up the code for those and if they're the root of the problem. I believe that all the things I've done should be viewable in IE9. Other than media queries the CSS3 includes gradients, rounded corners (border-radius's), making images scalable, etc. Per colorzilla gradient generator, I needed to add this to my headcode to get gradients to work in IE9; also needed to add a class="gradient" to any element that use the gradients, which I did to the body and navlinks: Code: !--[if gte IE 9]> <style type="text/css"> .gradient { filter: none; } I have the HTML5 shiv in the head also: Code: <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> Can someone please take a look at this site in IE9: http://www.dermatologypartners.com and get me started troubleshooting? Thanks, thanks, thanks!

20th June 12, 12:55 AM	#2
meesa WLC Mod Join Date: Jul 2009 Location: Milky Way Galaxy Posts: 3,134	Re: Site not visible or screwed up in IE9 - eek! According to IE's developer tools, the body tag is empty when in IE9. Also, if you're supporting Ie7, your menu has an issue. __________________ Praise be to the Lord God for the ability to learn, the capability to analyze, and the time to help users on this forum.

20th June 12, 01:03 AM	#4
meesa WLC Mod Join Date: Jul 2009 Location: Milky Way Galaxy Posts: 3,134	Re: Site not visible or screwed up in IE9 - eek! What OS are you using? Why don't you have IE9? I mean the <body> tag says that it's empty. I don't know why, my best guess would be a script. __________________ Praise be to the Lord God for the ability to learn, the capability to analyze, and the time to help users on this forum.

20th June 12, 01:10 AM	#5
PVM3 WLC Lover Join Date: Dec 2008 Posts: 182	Re: Site not visible or screwed up in IE9 - eek! I have an older PC and primarily use my mac. I have IEtester up to 8 and need to get ie9 but I have to upgrade and haven't had the dough. It's hard to keep up with all the various machines for testing when business is tight. Business picking up, new machines in the works. Anyway, clearly I have to figure this out and I don't know where to start -

20th June 12, 01:23 AM	#6
PVM3 WLC Lover Join Date: Dec 2008 Posts: 182	Re: Site not visible or screwed up in IE9 - eek! Will post at stackexchange/internet explorer -- maybe they can help. But if anyone has any ideas please let me know! Thanks

20th June 12, 01:37 AM	#7
PVM3 WLC Lover Join Date: Dec 2008 Posts: 182	Re: Site not visible or screwed up in IE9 - eek! Meesa: I found a script error and fixed it - can you see if the site appears now in IE9? Thanks!

20th June 12, 01:40 AM	#8
meesa WLC Mod Join Date: Jul 2009 Location: Milky Way Galaxy Posts: 3,134	Re: Site not visible or screwed up in IE9 - eek! It appears now, but the menu is below the content. Try putting the menu first in the HTML code, so you have: MENU CODE CONTENT CODE Also, do you not have a friend that has a more updated computer, or perhaps a library that has public computers? __________________ Praise be to the Lord God for the ability to learn, the capability to analyze, and the time to help users on this forum.

20th June 12, 01:45 AM	#9
PVM3 WLC Lover Join Date: Dec 2008 Posts: 182	Re: Site not visible or screwed up in IE9 - eek! Yes, I do have a friend with IE9 and I had tested it earlier in the process and was ok. Since then I had made some changes and hadn't tested it again in that browser. So definitely my bad. And I will be upgrading soon. OK, so menu is below the content. Does it otherwise look "normal" or are their other problems as well? And thanks again!

20th June 12, 02:25 AM	#10
meesa WLC Mod Join Date: Jul 2009 Location: Milky Way Galaxy Posts: 3,134	Re: Site not visible or screwed up in IE9 - eek! No, the menu items are boxes with a curved white outline. __________________ Praise be to the Lord God for the ability to learn, the capability to analyze, and the time to help users on this forum.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode