ugrás a tartalomhoz

Css legördülő menü probléma IE-ben

stex0011 · 2008. Már. 25. (K), 10.19
Szép napot!

A következő problémával fordulok hozzátok. Egy lenyíló menüt szerettem volna készíteni, ami nagyjából kész is van. A problémám az h. explorerben nem akar lenyílni..... körülnéztem a neten, elolvastam sok mindent, próbálgatam, de nem akar működni!! Pontosabban csak akkor nem működik ha feltötlöm egy - az esetemben - atw-s tárhelyre, ha csak simán a html-re jobbklikk-> társítás->IE , akkor működik :S
Szóval ha van valami ötletetek, linketek, megoldásotok a problémámra írjatok, előre is köszönöm és elnézést hogy ilyen hosszúra sikeredett! üdv Stex!

HTML rész:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <link rel="stylesheet" href="menu.css" type="text/css">  
  5.   
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
  7. <title>Untitled Document</title>  
  8.   
  9. <style type="text/css" media="screen">  
  10. body {  
  11.         behavior: url(csshover.htc);  
  12. }  
  13.   
  14. #menu ul li {  
  15.       float: left;  
  16.       width: 109px;  
  17.      
  18.  }  
  19.    
  20. #menu ul li a {  
  21.       height: 1%;  
  22. }  
  23. </style>  
  24.   
  25. </head>  
  26.   
  27. <body>  
  28.   
  29. <div id="menu" align="middle">  
  30.   
  31.     <ul>  
  32.         <li><a href="#">Sudár István</a>  
  33.           <ul>  
  34.                 <li><a href="fooldal.php?oldal=eletrajz">Életrajz</a></li>  
  35.                 <li><a href="#">Munkássága</a></li>  
  36.                 <li><a href="#">Tervei</a></li>   
  37.                 <li><a href="#">...</a></li>  
  38.           </ul>  
  39.         </li>  
  40.          
  41.         <li><a href="#">Kik vagyunk?</a>  
  42.           <ul>  
  43.                 <li><a href="#">Miért jöttünk létre</a></li>  
  44.                 <li><a href="#">Tagok</a></li>  
  45.                 <li><a href="#">Célok</a></li>  
  46.           </ul>  
  47.         </li>  
  48.          
  49.         <li><a href="#">Rendezvények</a>  
  50.           <ul>  
  51.                 <li><a href="#">Hagyományok forrása</a></li>  
  52.                 <li><a href="#">Programfüzet</a></li>  
  53.                 <li><a href="#">Egyéb rendezvények</a></li>  
  54.           </ul>  
  55.         </li>  
  56.          
  57.         <li><a href="#">Vízhang</a>  
  58.            <ul>  
  59.                 <li><a href="#">Cikkek</a></li>  
  60.                 <li><a href="#">Videók</a></li>  
  61.            </ul>  
  62.         </li>  
  63.          
  64.         <li><a href="#">Kapcsolat</a>  
  65.             <ul>  
  66.                 <li><a href="#">Elérhetoségek</a></li>  
  67.            </ul>  
  68.         </li>  
  69.          
  70.         <li><a href="#">Partnerek</a>  
  71.              <ul>  
  72.                 <li><a href="#">Segítoink</a></li>  
  73.                  
  74.                 </div>  
  75. </body>  
  76. </html>  
  77. <span style="text-decoration:underline"><span style="font-weight:bold">  
  78. CSS rész:</span></span>  
  79.   
  80. #menu { float: left;  
  81.         width: 100%;  
  82. }  
  83.   
  84. #menu ul { list-style-type: none;  
  85.            margin: 0;  
  86.            padding: 0;  
  87.             
  88. }  
  89.   
  90. #menu a:hover { color: #72815F;  
  91.                 background: #FFFFCC  ;  
  92. }  
  93.   
  94. #menu a {  
  95.         font:bold 11px Giddyup Std, lighter arial, Helvetica;  
  96.         display: block;  
  97.         margin: 0;  
  98.         padding: 2px 3px;  
  99.         color: #FFFF99;  
  100.         background: #644209;  
  101.         text-decoration: none;  
  102.         border: 1px solid #CC6600;  
  103. }  
  104.   
  105. #menu li {  
  106.         position:relative;  
  107.         float: left;  
  108.         width: 109px;  
  109.          
  110.                  
  111. }  
  112.   
  113. #menu ul ul {  
  114.         position: absolute;  
  115.         left: 0px;  
  116.         display: none;  
  117. }  
  118.   
  119. #menu ul li:hover ul{  
  120.         display: block;  
  121. }  
És végül a csshover.htc
‹ Rögzített háttér Popupba postolas ›
 ■
1

HTC mime-type és útvonal

Jano · 2008. Már. 25. (K), 12.46
Itt már felmerült: http://weblabor.hu/forumok/temak/5595#comment-7660
2

pontosan hogy is?

stex0011 · 2008. Már. 25. (K), 14.29
Köszönöm, elolvastam, de sajna nem lettem okosabb :(

"a hover.htc fajlt a szervernek megfelelo mime/type-pal (text/x-component) kell elkudenie, kulonben a windows xp az SP2 ota nem veszi figyelembe!"

Ezt pontosan hogyan és hol kell bepötyögni???
3

Szerver küldi

Jano · 2008. Már. 25. (K), 16.15
Ezt a szerver küldi és ott kell beállítani is. Te csak ellenőrizni tudod, hogy jót küld-e és ha nem szólni a szolgáltatónak, hogy állítsák be.
4

RE

stex0011 · 2008. Már. 25. (K), 20.18
Eddig ugye atw-n próbáltam, most kipróbáltam az extra tárhelyén és ott működik, hurrá!
De amúgy hol tudom leellenőrizni, hogy az atwsek jót küldenek vagy rosszat??
5

Web Developer toolbar

Jano · 2008. Már. 25. (K), 20.27
Pl Firefox Web Developer Toolbar -> Information -> View response header a htc fájl url-jén.