Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Rozwijane menu w IE - droby bug
matino
post
Post #1





Grupa: Zarejestrowani
Postów: 175
Pomógł: 30
Dołączył: 9.08.2007

Ostrzeżenie: (0%)
-----

Cześć,

Jak zwykle kłopot z IE blinksmiley.gif
Poniżej mój kod, który działa pod FF, a nie do końca w IE.
Aby zduplikować problem, należy najechać na System, podświetlić Report, zjechać na dół i ponownie najechać na System.
Widać wtedy pole po trzecim UL-u, którego nie powinno być widać...

PS. Dla IE używam patchu csshover.htc - może to tutaj jest problem?

[HTML] pobierz, plaintext 
  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" xml:lang="en" lang="en">
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5.         <!--[if IE]>
  6.         <style type="text/css" media="screen">
  7.             body {
  8.                 behavior: url(css/csshover.htc); /* call hover behaviour file */
  9.                 font-size: 100%; /* enable IE to resize em fonts */
  10.             }
  11.             #menu ul li {
  12.                 float: left; /* cure IE5.x "whitespace in lists" problem */
  13.                 width: 100%;
  14.             }
  15.             #menu ul li a.sub_menu {
  16.                 height: 1%; /* make links honour display: block; properly */
  17.             }
  18.         </style>
  19.         <![endif]-->
  20.         <link rel="stylesheet" href="css/menu.css" type="text/css" media="screen" />
  21.     </head>
  22.     <body>
  23.         <div id="menu">
  24.             <ul>
  25.                 <li>
  26.                     <a href="#">System</a>
  27.                     <ul>
  28.                         <li><a class="sub_menu" href="home.php">View</a></li>
  29.                         <li><a class="sub_menu" href="#">Users</a>
  30.                             <ul>
  31.                                 <li><a class="sub_menu" href="add_user.php">Add</a></li>
  32.                                 <li><a class="sub_menu" href="manage_user.php">Manage</a></li>
  33.                             </ul>
  34.                         </li>
  35.                         <li><a class="sub_menu" href="#">Report</a>
  36.                             <ul>
  37.                                 <li><a class="sub_menu" href="excel.php">Excel raw data</a></li>
  38.                                 <li><a class="sub_menu" href="report.php">User report</a></li>
  39.                             </ul>
  40.                         </li>
  41.                     </ul>
  42.                 </li>
  43.             </ul>
  44.         </div>
  45.     </body>
  46. </html>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. #menu {
  2.     width: 100%;
  3.     background-image: url("../images/topbg.gif");
  4. }
  5.  
  6. #menu ul {
  7.     width: 7em;
  8.     float: left;
  9.     list-style: none;
  10.     margin: 0;
  11.     padding: 0;
  12. }
  13.  
  14. #menu ul.top_menu_right {
  15.     float: right;
  16. }
  17.  
  18. #menu a {
  19.     background-image: url("../images/topbg.gif");
  20.     display: block;
  21.     margin: 0;
  22.     padding: 2px 3px;
  23.     color: #fff;
  24.     font: bold 12px Verdana;
  25.     text-decoration: none;
  26. }
  27.  
  28. #menu a.sub_menu:hover {
  29.     color: #000;
  30.     background: #C7E7FB;
  31. }
  32.  
  33. #menu a.sub_menu {
  34.     color: #000;
  35.     font: 12px Verdana;
  36.     background: #EDF6FC;
  37. }
  38.  
  39. #menu li {
  40.     position: relative;
  41. }
  42.  
  43. #menu ul ul {
  44.     position: absolute;
  45.     z-index: 500;
  46. }
  47.  
  48. #menu ul ul ul {
  49.     top: 0;
  50.     left: 100%;
  51. }
  52.  
  53. div#menu ul ul,
  54. div#menu ul li:hover ul ul,
  55. div#menu ul ul li:hover ul ul
  56. {display: none;}
  57.  
  58. div#menu ul li:hover ul,
  59. div#menu ul ul li:hover ul,
  60. div#menu ul ul ul li:hover ul
  61. {display: block;}
  62.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- matino   Rozwijane menu w IE - droby bug   18.05.2010, 12:48:22

« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 04:11
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn