DebugBar forums / HTC support

ben · 2009-08-26 11:58:45

Hi there,

I'm running Windows Vista Business Service Pack 2 and IE 8.0.

I have been wanting to test some drop-down menus in different versions of Internet Explorer. To get round IE6 not working with drop-down menus, I'm using an HTC file which I reference from the style sheet. However, the drop-down menu is still not working in IE6 using IE tester. Does IE tester support HTC files? I'm now not sure whether my code is faulty or whether the problem lies with IE tester.

Can anyone help??

Thanks in advance.

Ben

P.S I've googled HTC with IE tester and found a small reference to saying there was some kind of bug but that's all.

ben · 2009-08-26 12:17:22

Hi again..

I managed to solve it. Instead of using an HTC file I used the suckerfish solution using javascript (http://www.htmldog.com/articles/suckerfish/dropdowns/) and it's all working fine now.

Still don't know if IE tester supports HTC files though...

Ben

fabrice · 2009-08-26 12:49:39

Can you send an url where I can reproduce the HTC problem, or sample code ?

ben · 2009-08-26 12:54:59

Hi Fabrice,

Here's my original code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>drop down menu</title>

<style type="text/css">

#nav .norightborder {
border-right:none;
}

#nav * {
margin:0;
padding:0;
}

#nav {
font-family:lucida, arial, sans-serif;
border:1px solid #686;
float:left;
behaviour:url(http://www.whatcanido.co.uk/deafplus15/csshover.htc);
}

#nav ul {
float:left;
}

#nav li {
list-style-type:none;
float:left;
position:relative;
background-color:#ded;
border-right:2px solid #aca;
/*border-left:2px solid #aca;*/
}

#nav li ul {
position:absolute;
width:7em;
left:-999em;
/*display:none;*/
}

#nav li ul li {
width:100%;
border:1px solid #686;
border-top:none;
}

#nav li:hover ul, #nav li.sfhover ul {
display:block;
left:auto;
}

#nav a {
background-color:#DDD;
padding:.3em 6px;
display:block;
color:#686;
text-decoration:none;
}

#nav a:hover {
color:#ded;
background-color:#464;
}

</style>
</head>

<body>

<div id="nav">
<ul>
<li>
<a href="#">Item 1</a>
<ul>
<li><a href="#">Item 1a</a></li>
<li><a href="#">Item 1b</a></li>
</ul>
</li>
<li class="norightborder"><a href="#">Item 2</a></li>
</ul>
</div>

</body>
</html>

Ben

fabrice · 2009-08-26 12:56:24

Thanks !

I'll have a look when I get some time.

ben · 2009-08-26 13:01:05

de rien

fabrice · 2009-10-24 01:34:18

I tested on a real IE6, and it does not work. So, that's why it's not working under IETester.

Unless I'm doing something wrong.

ben · 2009-11-09 12:08:42

Maybe there's something wrong with my code then...

the htc file which I reference at behaviour:url(http://www.whatcanido.co.uk/deafplus15/csshover.htc) would need to be on your own server of course, I'm sure you knew that though

fabrice · 2009-11-09 15:04:09

If you could provide a sample url where I can test it that would be great.

Thanks.

ben · 2009-11-09 15:14:00

http://www.emmausgreenwich.org/newsite/test.php

fabrice · 2009-11-09 15:30:02

I just tested with a real IE6 under XPSP2 and it does not work, so I don't see any problem with IETester.

ben · 2009-11-09 15:47:44

Ok, thank you for your help.

Uncle Bill · 2009-11-09 18:42:41

I have a couple of projects that use the htc workaround solution for dropdown (flyout) menus in ie6. They work fine in IETester's ie6 tab.

Last edited by Uncle Bill (2009-11-09 18:50:11)

fabrice · 2009-11-09 18:48:19

Can you provide an url so I can test on my side ?

Uncle Bill · 2009-11-09 18:53:13

fabrice--

I corrected my previous post. Don't know why the htc scripts didn't work first time I tried them in IETester, but now I've reopened IETester and on second try everything is good.
Could it be I had ie7 and 1e8 tabs also open first time? I'll test it.

Uncle Bill · 2009-11-09 19:03:47

Nope, can't duplicate the problem, so must continue to assume that IETester is the greatest thing since sliced bread.

Uncle Bill · 2009-11-10 06:49:50

Postscript to ben's original post--

Using Peter Nederlof's latest version of his htc script (http://www.xs4all.nl/~peterned) and calling it properly in the body element (body { behavior:url("csshover3.htc"); }) with 'behavior' spelled correctly, rather than the #nav element, ben's dropdown menu code works quite well in IE6 according to IETester.

ben · 2009-11-10 11:07:58

Hi Uncle Bill,

Many thanks for your update. I obviously wanted to blame my tools before my own work...

Ben

Announcement

#1 2009-08-26 11:58:45

HTC support

#2 2009-08-26 12:17:22

Re: HTC support

#3 2009-08-26 12:49:39

Re: HTC support

#4 2009-08-26 12:54:59

Re: HTC support

#5 2009-08-26 12:56:24

Re: HTC support

#6 2009-08-26 13:01:05

Re: HTC support

#7 2009-10-24 01:34:18

Re: HTC support

#8 2009-11-09 12:08:42

Re: HTC support

#9 2009-11-09 15:04:09

Re: HTC support

#10 2009-11-09 15:14:00

Re: HTC support

#11 2009-11-09 15:30:02

Re: HTC support

#12 2009-11-09 15:47:44

Re: HTC support

#13 2009-11-09 18:42:41

Re: HTC support

#14 2009-11-09 18:48:19

Re: HTC support

#15 2009-11-09 18:53:13

Re: HTC support

#16 2009-11-09 19:03:47

Re: HTC support

#17 2009-11-10 06:49:50

Re: HTC support

#18 2009-11-10 11:07:58

Re: HTC support