Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]IE 6 i znowu problemy
mercii
post
Post #1





Grupa: Zarejestrowani
Postów: 76
Pomógł: 0
Dołączył: 1.05.2006

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


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:
(IMG:http://images43.fotosik.pl/172/c721606f51c3fccamed.jpg)
Tutaj IE6:
(IMG:http://images49.fotosik.pl/172/671ec853825c7a38med.jpg)
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.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 1)
skrypta
post
Post #2





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 1.07.2009

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


http://skrypta.pl/style-css/prosty-hack-ie...ak-oszukac-ie6/
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 25.08.2025 - 16:26