Witam.....
mam taki problem że na IE 6.0 mam podwójną wysokość div... wiem że podwójne marginesy się usuwa dodając display: inline; ale w tym przypadku nie mogę tego użyć ale jak testowałem to i tak nie pomogło... zobaczcie sami >>Link<< chodzi mi o te pola gdzie będzie treść na dole tam... w FF jest ok...

CSS:
  1. .menu_lewa_dol {
  2. width: 277px;
  3. height: 7px;
  4. margin:auto;
  5. float:left;
  6. background : url(./images/1_24.jpg);
  7. }
  8.  
  9. .menu_prawa_dol {
  10. width:665px;
  11. height: 8px;
  12. margin:auto;
  13. float:left;
  14. background : url(./images/1_22.jpg);
  15. }


Poradziłem sobie z tym dając rozmiar grafiki powyżej 15px dałem 16px i jest ok.. ale narodził się kolejny problem z IE 6.0 dziwna przestrzeń miedzy div a div pomiędzy polami z treścią a stopką >>Nowy Link<< prawdopodobnie chodzi o class= odstep2

CSS:
  1. <style type="text/css">
  2. * { margin: 0px; padding: 0px; }
  3. body {
  4. background : url(./images/tlo.png);
  5. font-family:Verdana, Arial, Helvetica, sans-serif;
  6. }
  7. #strona {
  8. width:942px;
  9. margin:auto;
  10. background-color: #1b1b19;
  11.  
  12.  
  13. }
  14. .heder {
  15. width:942px;
  16. height: 192px;
  17. margin:auto;
  18. float:left;
  19. background : url(./images/1_03.jpg);
  20.  
  21. }
  22. .menu {
  23. width:942px;
  24. height: 33px;
  25. margin:auto;
  26. float:left;
  27.  
  28. }
  29. img {
  30. padding:0px;
  31. margin:0px;
  32. border: 0px;
  33. float:left;
  34. }
  35. .odstep {
  36. width:942px;
  37. height: 16px;
  38. margin: 0px;
  39. float:left;
  40. background-color: #1b1b19;
  41.  
  42. }
  43.  
  44.  
  45.  
  46. .lewa {
  47. width: 277px;
  48. margin:auto;
  49. float:left;
  50. }
  51.  
  52. .prawa {
  53. width:665px;
  54. margin:auto;
  55. float:left;
  56. }
  57.  
  58. .menu_lewa {
  59. width: 277px;
  60. height: 31px;
  61. margin:auto;
  62. float:left;
  63. background : url(./images/1_14.jpg);
  64. }
  65.  
  66. .menu_prawa {
  67. width:665px;
  68. height: 31px;
  69. margin:auto;
  70. float:left;
  71. background : url(./images/1_15.jpg);
  72. }
  73.  
  74. .menu_lewa_tresc {
  75. width: 277px;
  76. height: 220px;
  77. margin:auto;
  78. float:left;
  79. background : url(./images/1_16.jpg);
  80. }
  81.  
  82. .menu_prawa_tresc {
  83. width:665px;
  84. height: 220px;
  85. margin:auto;
  86. float:left;
  87. background : url(./images/1_17.jpg);
  88. }
  89.  
  90. .menu_lewa_dol {
  91. width: 277px;
  92. height: 16px;
  93. margin:auto;
  94. float:left;
  95. background : url(./images/1_24.jpg);
  96.  
  97. }
  98.  
  99. .menu_prawa_dol {
  100. width:665px;
  101. height: 16px;
  102. margin:auto;
  103. float:left;
  104. background : url(./images/1_22.jpg);
  105.  
  106. }
  107. .odstep2 {
  108. width:942px;
  109. height: 16px;
  110. margin: 0px;
  111. float:left;
  112. display: inline;
  113. background-color: #1b1b19;
  114. }
  115. .stopka {
  116. width:942px;
  117. height: 35px;
  118. margin:auto;
  119. float:left;
  120. background : url(./images/1_26.jpg);
  121. display: inline;
  122. position: relative;
  123. }
  124. </head>
  125.  
  126. <div id="strona"> <!-- początek strona -->
  127. <div class="heder"></div>
  128. <div class="menu"> <!-- początek menu -->
  129. <img alt="tutoriale.elaz.eu" src="./images/1_05.jpg">
  130. <img alt="tutki" title="Strona Główna" src="./images/1_06.jpg">
  131. <img alt="tutoriale" title="Forum" src="./images/1_07.jpg">
  132. <img alt="photoshop" title="Download" src="./images/1_08.jpg">
  133. <img alt="tutoriale photoshop" title="Tutoriale" src="./images/1_09.jpg">
  134. <img alt="tutorial" title="Dodaj Tutoriala" src="./images/1_10.jpg">
  135. <img alt="rejestracja" title="Rejestracja" src="./images/1_11.jpg">
  136. <img alt="tut" src="./images/1_12.jpg">
  137. </div> <!-- koniec menu -->
  138. <div class="odstep"></div>
  139. <div class="lewa"> <!-- początek menu lewe -->
  140. <div class="menu_lewa"></div>
  141. <div class="menu_lewa_tresc"></div>
  142. <div class="menu_lewa_dol"></div>
  143. </div> <!-- koniec menu lewe-->
  144.  
  145. <div class="prawa"> <!-- początek menu prawe -->
  146. <div class="menu_prawa"></div>
  147. <div class="menu_prawa_tresc"></div>
  148. <div class="menu_prawa_dol"></div>
  149. </div> <!-- koniec menu prawe-->
  150. <div class="odstep2"></div>
  151. <div class="stopka"></div>
  152. </div> <!-- koniec strona -->
  153.  
  154. </body>
  155. </html>



ok już wiem wywaliłem komentarze i jest ok smile.gif