Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Błędne wyświetlanie menu pod IE..., Problem z z-index?
Nazad
post
Post #1





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 16.04.2010

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

Witam! Bardzo proszę o pomoc. Pod FF menu działa i jest w odpowiednim miejscu, pod IE działa jednak wyświetla się w dziwacznym miejscu.

Link do strony:
http://www.ksiaznica.home.pl/nc/

kod: (część z menu)
[HTML] pobierz, plaintext 
  1.  
  2. <link rel="stylesheet" href="default.css" type="text/css">
  3. <script type="text/javascript" src="ie5.js"></script>
  4.     <script type="text/javascript" src="DropMenu1.js"></script>
  5.  
  6.  
  7.  
  8.   <div class="naglowek">
  9.          <div style="position: absolute;left:450px;top:60;z-index:1;bottom 50px;">
  10.  
  11. <form method="get" action="search.php">
  12.  
  13. <input type="text" name="searchterm" title="" value="" class="searchbox" />
  14.  
  15. <input type="submit" name="szukaj" title="szukaj" value="szukaj" class="searchbutton" />
  16. <a href="szukaj.php"><FONT SIZE=1>Wyszukiwanie zaawansowane </FONT> </a>
  17.  
  18. </form>
  19.  
  20. </div>
  21.          <img style="position: relative; left: 0px; bottom: -9px;" src="czytelnia.png"/>
  22.          <img style="width: 92px; height: 40px; position: relative; bottom:5px;left:520px;" src="logoborgis.png"/>
  23.          <img style="width: 990px; height: 72px; position: relative; bottom:35px;" src="toptlo1.png"/>
  24. </div> 
  25. </head>
  26.  
  27. <body>  
  28.  <p class="strona">
  29.   <div class="main">
  30.        <table cellspacing="0" cellpadding="0" id="menu1" class="dm1">
  31.     <tr>
  32.         <td>
  33.             <a class="item1" href="java script:void(0)">Czasopisma<br>Online</a>
  34.             <div class="section">
  35.                 <a class="item2" href="example1.html">Medycyna Rodzinna</a><br>
  36.                 <a class="item2" href="example1.html">New Medicine</a><br>
  37.                 <a class="item2" href="example1.html">Nowa Medycyna</a><br>
  38.                 <a class="item2" href="example1.html">Nowa Pediatria</a><br>
  39.                 <a class="item2" href="example1.html">Nowa Stomatologia</a> <br>
  40.                 <a class="item2" href="example1.html">Postępy Fitoterapii</a><br>
  41.                 <a class="item2" href="example1.html">Postępy Nauk<br>Medycznych</a> <br>
  42.                 <a class="item2" href="example1.html">Farmakoekonomika</a> <br>
  43.                 <a class="item2" href="example1.html">Bezpieczna Żywność</a>  <br>
  44.                 <a class="item2" href="example1.html">Balneologia Polska</a>  <br>
  45.                 <a class="item2" href="example1.html">Anestezjologia...</a><br>
  46.                 <a class="item2" href="example1.html">Kosmetyka Naturalna</a> <br>
  47.             </div>
  48.         </td>
  49.         <td>
  50.             <a class="item1" href="java script:void(0)">Książki<br>Online</a>
  51.             <div class="section">
  52.                 <a class="item2" href="example1.html">Jeden</a>
  53.                 <a class="item2" href="example1.html">Dwa</a>
  54.             </div>
  55.         </td>
  56.         <td>
  57.             <a class="item1 left" href="example1.html"><br>Opublikuj</a>
  58.         </td>
  59.         <td>
  60.             <a class="item1 left" href="example1.html">Prenumerata<br>czasopism</a>
  61.         </td>
  62.         <td>
  63.             <a class="item1 left" href="example1.html">Newsletter<br>dla lekarzy</a>
  64.         </td>
  65.         <td>
  66.             <a class="item1" href="java script:void(0)">Księgarnie<br>Online</a>
  67.             <div class="section">
  68.                 <a class="item2" href="example1.html">DoPoduszki.eu</a>
  69.                 <a class="item2" href="example1.html">KsiegarniaMedyczna.eu</a>
  70.             </div>
  71.         </td>
  72.         <td>
  73.             <a class="item1" href="example1.html">Fitokosmetyki<br>Medyczne</a>
  74.         </td>
  75.     </tr>
  76.     </table>
  77.  
  78.     <script type="text/javascript">
  79.     var dm1 = new DropMenu1('menu1');
  80.     dm1.position.top = -1;
  81.     dm1.init();
  82.     </script> 
  83.    </div>
  84.    </p>
  85.  <br> 
  86. <div style="border: 1px solid #ddd; padding: 5px;"> 
  87. <table> 
  88. <tr><td> 
[HTML] pobierz, plaintext


CSS:
[HTML] pobierz, plaintext 
  1. .naglowek {
  2. background-attachment : scroll;
  3. background-color : transparent;
  4. background-image : url(http://www.czytelniamedyczna.pl/nowaczyt/toptlo.jpg);
  5. display : block;
  6. height : 80px;
  7. width : 990px;
  8. }
  9. .skyright{
  10. width:120px;
  11.  
  12. margin-left:870 ;
  13.  
  14. margin-right:20;
  15.  
  16. display: table;
  17. }
  18. .dm1 {
  19. font : bold 11px/12px Arial, sans-serif, helvatica;
  20. }
  21. .dm1 .item1, .dm1 .item1:hover, .dm1 .item1-active, .dm1 .item1-active:hover {
  22. padding : 3px 8px 4px 8px;
  23. text-decoration : none;
  24. position : relative;
  25. display : block;
  26. width : 125px;
  27. height : 20px;
  28. background : url("tlogray1.gif") repeat-x left;
  29. text-align : center;
  30. font : bold 11px/12px Arial, sans-serif, helvatica;
  31. }
  32. .dm1 .item1 {
  33. background-image : url("tlo1.gif");
  34. color : #ffffff;
  35. font : bold 11px/12px Arial, sans-serif, helvatica;
  36. display: block;
  37. }
  38. .dm1 .item1:hover, .dm1 .item1-active, .dm1 .item1-active:hover {
  39. background : url("tlogray1.gif");
  40. color : #ffffff;
  41. font : bold 11px/12px Arial, sans-serif, helvatica;
  42. display: block;
  43. }
  44. .dm1 .item2, .dm1 .item2:hover {
  45. padding : 3px 8px 4px 8px;
  46. text-decoration : none;
  47. display : block;
  48. white-space : nowrap;
  49. font : bold 11px/12px Arial, sans-serif, helvatica;
  50.  
  51. }
  52. .dm1 .item2 {
  53. background : url("tlo1.gif");
  54. color : #ffffff;
  55. font : bold 11px/12px Arial, sans-serif, helvatica;
  56. width : 135px;
  57. height : 15px;
  58. text-align : center;
  59.  
  60. }
  61. .dm1 .item2:hover {
  62. background : url("tlogray1.gif");
  63. color : #ffffff;
  64. font : bold 11px/12px Arial, sans-serif, helvatica;
  65. }
  66. .dm1 .section {
  67. position : absolute;
  68. visibility : hidden;
  69. z-index : -1;
  70. white-space : nowrap;
  71. font : bold 11px/12px Arial, sans-serif, helvatica;
  72. display: block;
  73. margin-top: 90px;
  74. margin-left: 10px;
  75. }
  76. * html .dm1 td {
  77. position : relative;
  78. }
  79. .przerwa {
  80. height : 30px;
  81. }
  82. h1 {
  83. width : 375px;
  84. padding : 10px;
  85. margin-left : auto;
  86. margin-right : auto;
  87. background : #339;
  88. font : normal 18px Arial, Helvetica, sans-serif;
  89. color : #fff;
  90. border : 1px solid #000;
  91. text-align : center;
  92. }
  93. h2 {
  94. font : bold 18px Arial, Helvetica, sans-serif;
  95. color : #339;
  96. }
  97. p {
  98. font : normal 10pt Arial, Helvetica, sans-serif;
  99. text-align : center;
  100. color : #000;
  101. }
  102. a:link, a:visited {
  103. font : bold 11px/12px Arial, sans-serif, helvatica;
  104. color : #000;
  105. text-decoration : none;
  106. }
  107. .searchbox {
  108. width : 150px;
  109. font : normal 12px Arial, Helvetica, sans-serif;
  110. color : #ffffff;
  111. background : #b9cdff;
  112. }
  113. .searchbutton {
  114. width : 80px;
  115. background : url("tloblue1.gif") repeat-x;
  116. font : bold 12px Arial, Helvetica, sans-serif;
  117. color : #000;
  118. }
  119.  
  120. #menu1 {
  121. z-index:10 !important;
  122. position:relative;
  123. margin-left:0px;
  124. margin-right:0px;
  125. margin-top: -16px;
  126. list-style-type: none;
  127. }
[HTML] pobierz, plaintext


Gdzie tkwi błąd? Bardzo proszę o pomoc, ponieważ siedzę nad tym chyba z tydzień...
Go to the top of the page
+Quote Post

Posty w temacie
- Nazad   [HTML][CSS]Błędne wyświetlanie menu pod IE...   26.04.2010, 10:08:21
- - krzysztof_kf   Wiesz czemu tak się dzieje nadużywasz selektorów k...   26.04.2010, 11:15:54
- - Nazad   krzysztof_kf Jestem niezmiernie wdzięczny za Twoją...   26.04.2010, 11:32:39
- - krzysztof_kf   Dobra widzę że źle to znosisz powiem tak przeanali...   26.04.2010, 11:46:52
- - Nazad   Faktycznie, przeoczyłem fakt że link prowadzi do k...   26.04.2010, 11:52:51
- - krzysztof_kf   W tym przypadku z-index nic nie ma do tego poprost...   26.04.2010, 12:07:30
- - Nazad   Uprzątnąłem troszkę, ale poza satysfakcją nie dało...   26.04.2010, 12:12:43
- - krzysztof_kf   Zmień to coś co dałeś na samej górze czyli dokumen...   26.04.2010, 12:22:33
- - Nazad   Ok, buttony wskoczyły na swoje miejsce, ale za to ...   26.04.2010, 12:30:02
- - krzysztof_kf   Usuń z klasy [CSS] pobierz, plaintext  .dm...   26.04.2010, 12:43:39
- - pedro84   @Nazad, nie zrozum mnie źle, ale zrób to co krzysz...   26.04.2010, 12:54:37
- - krzysztof_kf   Dla mnie temat zamknięty żadna inicjatywa z jego s...   26.04.2010, 12:56:27
- - batman   ~Nazad A nie mogłeś kontynuować w poprzednim temac...   26.04.2010, 13:10:17

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

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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: 25.08.2025 - 15:45
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn