Phil Winter wrote:
>[...] the menu STILL will not work in IE6!
>
>Here's a link to the html page with the
>CSS. http://www.webdesignpartners.com/blackstock/index.html
>
>Here's the Javascript in the drop_down.js file that I copied from the
>article. I'm not a JS programmer,
>so it's very possible I've made some stupid mistake.
>
>startList = function() {
>if (document.all&&document.getElementById) {
>navRoot = document.getElementById("nav");
>[...]
>
Hi Phil,
In the body you have in the style: behavior:url(css/csshover.htc), but
you are using the js-solution and not the IE-behavior htc-script. You
can miss this behavior-style. - Should have a look at the css-validator
for some more errors/tips.
In the css you have the 3 lines:
div#leftnav ul li:hover ul {display:block;}
div#leftnav ul li:hover ul, div#leftnav ul li ul:hover {display:block;}
div#leftnam li:hover ul, li.over ul { display: block; }
This is somewhat double, typing error in last line ( div#leftnam !), and
for the IE "li.over ul" the refering container is not mentioned.
Also in the javascript the ID which has to be got (getElementById) is
defined as: "nav" and not as "leftnav". Then for the IE-hovering we need
the same calling ID in the html.
So I think you can give it a try replacing this 3 lines by:
#nav li:hover ul, #nav li.over ul { display: block; }
As remaining problem for IE I saw: there is no direct connection between
the Join BlackStock-item and the submenu, but a small gap. The mouse
will fall into the pitt, and this way the submenu is unreachable. I
think with some playing with the padding/border of the submenu this can
be solved.
Succes!
francky
btw (1) compressing the header and background jpg's with around 20% is
lossless, and makes together 31kB: which is 2 times as fast downloaded
as the 28kB + 34kB = 62 kB now.
btw (2) giving the content-background a (white) background-color will
avoid black text on black background for visitors who have
(background-)images turned off. ;-)
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
