Autor Zpráva
František Kuncl
Profil
Ahoj
mám css menu, jehož princip je z této diskuze
div#menu a { padding: 4px 0px 4px 0px; margin: 0px; display: block; }
div#menu a:link { color: #9c2a00; text-decoration: none;}
div#menu a:visited {color: silver; text-decoration: none;}
div#menu a:hover { background-color: transparent; color: #663300 ; text-decoration: none;}
#menu ul, #menu ul.sub {list-style-type:none; margin: 0px; padding: 0px;}
#menu li, #menu ul.sub li {margin: 0px; padding: 0px; width: 100%;}
#menu h3 { font-size: 1em; font-variant: small-caps; font-style: italic; font-weight: normal; margin:0px; padding:0px;}
#menu h3 a {display: block; text-decoration: none; width: 100%;}
#menu h3 a:hover {background-color: transparent; color: inherit;}
#menu ul.sub li {display: block; width: 100%; margin:1px 0 2px 0; padding:0px; background-color: #b46d00; border-top: 1px solid #804000; border-right:1px solid #804000; border-bottom: 1px solid #804000; border-left: 1px solid #804000;}
#menu ul.sub li a {display: block; margin:0px; padding:3px;}
#menu ul.sub li a:hover {background-color: transparent; color: #663300;}
#menu ul li.main:hover h3 a {background-color: transparent; color: inherit;}
#menu ul li.main {position: relative;}
#menu ul li > ul.sub { font-size: 0.9em; position: absolute; top: 0px; left: 150px; z-index:10; width: 230px; visibility: hidden; padding-bottom: 1em;}
#menu ul li.main:hover ul.sub {visibility: visible;}
na stránce lhttp://www.collegiummarianum.cz/pece_ts.html;
Problém v IE, že mi rozbalovací ul.sub "zmizí, pokud kurzor je mezi řádky. Řešení je posunout sub.li mimo blok menu, ale to se mi moc nechce. Ve FF se to samozřejmě neděje.
Co je špatně?

Dík Franta
flying gentleman
Profil
li > ul

Pokud vím, tak tohle IE nezná.
František Kuncl
Profil
Tenhle problémje vyřešen pomocí hover.htc a js ve stránce:
<script language="JavaScript" type="text/javascript">
document.write ("<style>ul.sub{font-size: 0.9em; position: absolute; top: 0; left: 98%; z-index:10; width: 240px; visibility: hidden; padding-bottom: 1em;} li.mainHover ul.sub{visibility: visible;} li {behavior: url(hover.htc);}</style>");
</script>
V tento okamžik hover pozná i IE, ale jak vyřešit "propad " někam jinam?
Toto téma je uzamčeno. Odpověď nelze zaslat.

0