Hi, I have a very strange issue, where a css-based Pop Menu works in all instances (FF and IE 6), except when the site is hosted on my server. When the site is hosted on my server, IE 6 will not render the Pop Menus (hierarchical).

I have compared the HTML and the CSS -- look the same. I have downloaded the site (from my server) to a local WIN directory and successfully viewed the pop menus via WIN IE 6. Thus, it appears (to me) that some obscure thing is happening when my server serves the site to WIN IE.

Following are links to identical sites, one on my server and the same on another server. If anyone can figure this one out, I would be *most* grateful.

My server...
Home

Other server...
Home

Thanks for any assistance!

Scott

Weird. I don't know if this is he problem, but try entering in the location of the HTC file for both sites. On the twoa.com site, "csshover.htc" is loaded as a blank HTML page, and I need to "view source" to see the code, but on the realmac site it comes up as plain text.

Originally Posted by funkdaddu

Weird. I don't know if this is he problem, but try entering in the location of the HTC file for both sites. On the twoa.com site, "csshover.htc" is loaded as a blank HTML page, and I need to "view source" to see the code, but on the realmac site it comes up as plain text.

Interesting observation. I never even noticed that file. Nor, was it listed on my server's suffix list. I added it as MIME Type 'text/plain'. Is that correct? It did not seem to have any effect on the problem.

Any other thoughts... it's got to be something obscure, yet simple.

BTW, how did you know the path to csshover.htc?

Scott

It's in line 24 of your HTMl doc:

<!--[if IE]><style type="text/css" media="screen">body {behavior: url(rw_common/themes/blogpop/csshover.htc);}</style><![endif]-->

You know, I don't think the csshover.htc file is the corker, as it also 'acts differently' for Firefox (between the two different servers), yet the menus do display properly in FF.

Then again...

I don't see anything funny in FF from either location. IE neither works.

I put this in your styles.css:
behavior: url(csshover.htc); /* JavaScript fix for IE */

took out the conditional comment, FF, Opera etc. will ignore it, IE will obey.

Put the csshover.htc file in your root directory where your pages reside.

It worked in IE 5.5 and 6.0 on my machine.

Originally Posted by LadynRed

I don't see anything funny in FF from either location. IE neither works.

I put this in your styles.css:
behavior: url(csshover.htc); /* JavaScript fix for IE */

took out the conditional comment, FF, Opera etc. will ignore it, IE will obey.

Put the csshover.htc file in your root directory where your pages reside.

It worked in IE 5.5 and 6.0 on my machine.

OK. I saw your msg earlier, but just now have a chance to digest. You've got me excited here, but I'm wondering 'where' you did all of these changes. Did you download the site to your computer? Or, did you somehow enact these changes (in the browser memory or something) through my site?

I'm guessing the former, in which case the results would not apply, as the site works 'as is' if I run it from my local WIN pc with IE. However, I'm going to try your changes... maybe you've cracked the case. Hope so!

Whatever the case, I will post my results and I *definitely* appreciate your assistance!

BBack Soon,

Scott

Well, I did save your page to my machine so I could test it. But, I didn't HAVE to do it that way. I use FF and the Web Developer Extension which allows me to edit your CSS in real time. The changes are not permanent, but I can see the effects of any changes I might make when debugging

I use the same csshover.htc method on MY web servers at work, so I know it does work. I don't know how it could possibly work on your machine and not on a server because IE simply doesn't support the hover on anything but a link.. not even in a non-server environment. The menu did NOT work on my local machine until I inserted the changes I gave you.

Well, LadynRed... you are wonderful. It worked!

I'm going to try the changes one at a time on another test site, to see if just one or all of the changes are required.

BTW, can you tell me how you were able to 'test' those changes on my site?

Thanks so much!

Scott

I was able to 'test' them using Firefox with the Web Developer Extension installed. One of the options is CSS, Edit CSS. I have the edit window open in my side bar so I can make modifications and watch the effect.

VERY handy tool

Just for final clarification....

The *only* change required was my placing the csshover.htc file in the root folder for the site. After doing so, another test site displayed Pop Menus just fine with IE 6.

Thanks again, LadynRed.

Scott

Originally Posted by LadynRed

Well, I did save your page to my machine so I could test it. But, I didn't HAVE to do it that way. I use FF and the Web Developer Extension which allows me to edit your CSS in real time. The changes are not permanent, but I can see the effects of any changes I might make when debugging

I use the same csshover.htc method on MY web servers at work, so I know it does work. I don't know how it could possibly work on your machine and not on a server because IE simply doesn't support the hover on anything but a link.. not even in a non-server environment. The menu did NOT work on my local machine until I inserted the changes I gave you.

Talk about never-ending *weird*. I really was able to successfully run the Pop Menus, when I placed the site on my local pc. No other changes required.

Scott

You're right.. VERY weird. Glad you got it working