Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]IE 6 i znowu problemy
Forum PHP.pl > Forum > Przedszkole
mercii
Witam
Robię pewną stronę i mam problem z IE6. W każdej przegladarce strona wygląda OK z wyjątkiem IE6.
To jest wygląd poprawny:

Tutaj IE6:

A tutaj CSS:
  1. @charset "utf-8";
  2.  
  3. h3 {
  4. font-family: Verdana, Arial, Helvetica, sans-serif;
  5. font-size: 24px;
  6. font-weight: bold;
  7. color: #0000CC;
  8. }
  9. a href {
  10. font-family: Verdana, Arial, Helvetica, sans-serif;
  11. }
  12.  
  13.  
  14. h4 {
  15. font-family: Verdana, Arial, Helvetica, sans-serif;
  16. font-size: 12px;
  17. font-weight: bold;
  18. color: #0000CC;
  19. }
  20. * {
  21. margin: 0px;
  22. padding: 0px;
  23. font-family: Verdana, Arial, Helvetica, sans-serif;
  24. font-size: 12px;
  25. }
  26. th, td {
  27. padding: 7px;
  28. font-family: Verdana, Arial, Helvetica, sans-serif;
  29. font-size: 11px;
  30. }
  31. th {
  32. background-color: #666666;
  33. color: #FFFFFF;
  34. font-family: Verdana, Arial, Helvetica, sans-serif;
  35. font-size: 13px;
  36. font-weight: bold;
  37. float: none;
  38. }
  39. table {
  40. background-color: #FFFFFF;
  41. border-collapse: collapse;
  42. border: 1px none #999999;
  43. font-family: Verdana, Arial, Helvetica, sans-serif;
  44. font-size: 16px;
  45. }
  46.  
  47.  
  48. #wraper {
  49. background-color: #FFFFFF;
  50. width: 800px;
  51. margin-right: auto;
  52. margin-left: auto;
  53. border-right-width: 1px;
  54. border-left-width: 1px;
  55. border-right-style: solid;
  56. border-left-style: solid;
  57. border-right-color: #666666;
  58. border-left-color: #666666;
  59. margin-top: 5px;
  60. }
  61.  
  62. #wraper #gorne {
  63. background-image: url(../images/wmindexbig.jpg);
  64. height: 320px;
  65. width: 800px;
  66. padding: 0px;
  67. clear: both;
  68. }
  69. #wraper #gornakreska {
  70. height: 100px;
  71. background-image: url(../images/wmhigh.jpg);
  72. }
  73.  
  74. #wraper #menu {
  75. background-color: #FFFFFF;
  76. }
  77.  
  78. #wraper #content #lewy {
  79. float: left;
  80. width: 547px;
  81. padding-top: 15px;
  82. padding-right: 5px;
  83. padding-bottom: 0px;
  84. padding-left: 40px;
  85. background-repeat: no-repeat;
  86. background-position: left top;
  87. border-right-width: 1px;
  88. border-right-style: solid;
  89. border-right-color: #666666;
  90. border-left-width: 1px;
  91. border-left-style: none;
  92. border-left-color: #666666;
  93. }
  94. #wraper #content #prawy {
  95. float: right;
  96. width: 199px;
  97. background-color: #FFFFFF;
  98. border-right-width: 1px;
  99. border-right-style: none;
  100. border-right-color: #666666;
  101. border-top-width: 1px;
  102. border-top-style: solid;
  103. border-top-color: #666666;
  104. }
  105.  
  106. #wraper #gorne #slajdy {
  107. height: 180px;
  108. width: 400px;
  109. float: right;
  110. background-color: #000066;
  111. background-image: none;
  112. margin-top: 115px;
  113. }
  114. #wraper #cien {
  115. background-image: none;
  116. height: 5px;
  117. width: 594px;
  118. }
  119.  
  120. #wraper #content {
  121. width: 800px;
  122. }
  123.  
  124.  
  125. /* Menu */
  126.  
  127. #menu {
  128. width: 800px;
  129. height: 30px;
  130. float: none;
  131. margin-top: 0;
  132. margin-right: 45px;
  133. margin-bottom: 0;
  134. margin-left: 0px;
  135. border-right-width: 1px;
  136. border-right-style: none;
  137. border-right-color: #EDEBD5;
  138. background-color: #95836B;
  139. background-image: none;
  140. }
  141.  
  142. #menu ul {
  143. margin: 0;
  144. padding: 0;
  145. list-style: none;
  146. background-color: #9C886F;
  147. }
  148.  
  149. #menu li {
  150. display: inline;
  151. background-image: none;
  152. background-color: #FFFFFF;
  153. }
  154.  
  155. #menu a {
  156. display: block;
  157. float: left;
  158. width: 98px;
  159. height: 30px;
  160. border-left: 1px solid #EDEBD5;
  161. text-transform: lowercase;
  162. text-decoration: none;
  163. text-align: center;
  164. font-size: 120%;
  165. color: #BABABA;
  166. padding-top: 0px;
  167. padding-right: 0;
  168. padding-bottom: 0;
  169. padding-left: 0;
  170. background-color: #0000CC;
  171. background-image: none;
  172. }
  173. #wraper #cienpodgornym {
  174. background-image: url(../images/cien.jpg);
  175. height: 5px;
  176. }
  177.  
  178.  
  179. #menu a:hover {
  180. background-color: #F7F7F4;
  181. background-image: none;
  182. }
  183.  
  184. #menu .active a {
  185. color: #F9F9F9;
  186. background-color: #000033;
  187. }
  188. #wraper #content #stopka {
  189. background-color: #999999;
  190. height: 20px;
  191. clear: both;
  192. font-family: Verdana, Arial, Helvetica, sans-serif;
  193. font-size: 10px;
  194. color: #FFFFFF;
  195. margin: 0px;
  196. padding-top: 5px;
  197. padding-bottom: 0px;
  198. padding-right: 0px;
  199. padding-left: 360px;
  200. background-image: url(../images/stopka.jpg);
  201. }

Proszę bardzo pomoc bo nie mogę sobie z tym poradzić.
Z góry dziękuje za pomoc.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.