Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z IE 6
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
kaznodzieja
Witam!

Stonka pod adresem LINK w przeglądarkach FireFox 3, Opera 9, IE 7 wyswietla sie poprawnie i nie ma błędów natomiast problem jest z IE6 Czy ktoś może po pomóc w z tym CSS-em? bo podejrzewam że problem jest w css

  1. body html, body {
  2. font-family : Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
  3. font-size : 12px;
  4. margin : 0;
  5. padding : 0;
  6. text-align : center;
  7. background-image: url(grafika/tlo.jpg);
  8. font-size : 11px;
  9. }
  10.  
  11. #body {
  12. margin : auto;
  13. width : 82em;
  14. height : auto;
  15. overflow : hidden;
  16. text-align : left;
  17. margin-top : 0.5em;
  18. padding : 1em;
  19. background-color : white;
  20. }
  21. #top {
  22. background-image: url(grafika/tlo.jpg);
  23. height : 11em;
  24. display : block;
  25. text-align : center;
  26. width : auto;
  27. padding : 0 0 3em 0;
  28. margin : -1em -1em 0 -1em;
  29. }
  30. .menu1, .menu2 {
  31. width : 15em;
  32. padding : 0;
  33. list-style-type : none;
  34. text-align : left;
  35. }
  36. .menu1 li a, .menu2 li a {
  37. display : block;
  38. font-size : 0.99em;
  39. height : auto;
  40. border-bottom : 1px solid #ccc;
  41. color : #0055ff;
  42. padding : 5px 0 5px 5px;
  43. text-decoration : none;
  44. background-color: #ebebeb;
  45. }
  46. .mm {
  47. font-size : 0.99em;
  48. color : #000000;
  49. background-color : #ebebeb;
  50. }
  51. .menu1 li a:hover, .menu2 li a:hover {
  52. background-color : #fff;
  53. color : #000000;
  54. text-decoration : underline;
  55. }
  56. .menu1 li a:active, .menu2 li a:active {
  57. background-color : white;
  58. color : red;
  59. text-decoration : underline;
  60. }
  61. .menu1 {
  62. float : right;
  63. margin : 1em 0 0 0;
  64. }
  65. .menu2 {
  66. float : left;
  67. margin : 1em 0 0 0;
  68. }
  69. a img {
  70. border : 0;
  71. }
  72. .nazwa_menu {
  73. background-image : url(grafika/menu.jpg);
  74. background-repeat : repeat-x;
  75. color : #ffffff;
  76. background-color : #6da4fe;
  77. display : block;
  78. font-weight : bold;
  79. height : 1.3em;
  80. padding : 0.4em 0 0.5em 0.5em;
  81. }
  82. #container1 {
  83. margin : 2.1em 0 0 0;
  84. float : right;
  85. display : block;
  86. overflow : auto;
  87. height : auto;
  88. width : 16em;
  89. padding : 0;
  90. }
  91. #container2 {
  92. margin : 2em 0 0 0;
  93. float : left;
  94. display : block;
  95. overflow : auto;
  96. height : auto;
  97. width : 16em;
  98. padding : 0;
  99. }
  100. #content {
  101. padding : 0 0 0 0;
  102. width : 50em;
  103. margin : auto;
  104. text-align : left;
  105. margin : 3em auto;
  106. background : url(grafika/tlos.gif) no-repeat;
  107. }
  108. #footer {
  109. border : 0;
  110. text-align : center;
  111. }
  112.  
  113. .text,p {
  114. font-size : 12px;
  115. text-align : left;
  116. color : #000000;
  117. text-indent : 35px; /* akapit*/
  118. font-family : Helvetica,Tahoma,Verdana,Arial;
  119. margin-left : 11px;
  120. margin-right : 11px;
  121. line-height : 150%; /* ostepy miedzy wierszami */
  122. margin-top : 10px; /* odstep textu od textu z gory*/
  123. margin-bottom: 20px; /* odstep text od textu dolu*/
  124. }
  125.  
  126.  
  127. h1{ font-size : 2.0em;
  128. letter-spacing : -2px;
  129. text-transform : capitalize;
  130. padding : 11px 11px 11px 11px;
  131. }
  132.  
  133. h2 {
  134. font-size : 1.8em;
  135. padding : 11px 11px 11px 11px;
  136. }
  137. h3 {
  138. font-size : 1.6em;
  139. padding : 11px 11px 11px 11px;
  140. }
  141. h4 {
  142. font-size : 1.4em;
  143. padding : 11px 11px 11px 11px;
  144. }
  145. h5 {
  146. font-size : 1.2em;
  147. padding : 11px 11px 11px 11px;
  148. }
  149. h6 {
  150. font-size : 1.2em;
  151. padding : 0 0 0 11px;
  152. }
  153. .nazwa {
  154. font-size : 1.2em;
  155. padding : 5px 0 5px 11px;
  156. }
  157. .stopki {
  158. text-align : right;
  159. color : #696969;
  160. }
  161. .info {
  162. color : #0000ff;
  163. margin-top : 10pt;
  164. margin-left : 70pt;
  165. margin-right : 70pt;
  166. text-align : center;
  167. text-indent : 15pt;
  168. padding : 10px 10px 10px 10px;
  169. background-color : #ffffff;
  170. border : 2px solid #0f0f0f;
  171. }
  172. .komunikat {
  173. color : #ff0000;
  174. margin-top : 10pt;
  175. margin-left : 70pt;
  176. margin-right : 70pt;
  177. text-align : center;
  178. text-indent : 15pt;
  179. padding : 10px 10px 10px 10px;
  180. background-color : #c3c3c3;
  181. border : 2px solid #0f0f0f;
  182. }
  183. .oglo_li {
  184. padding : 5px 5px 5px 5px;
  185. }
  186.  
  187. .obrazek{
  188. margin : 0 1em 0em 0em;
  189. }
Daiquiri
Zmniejsz width w #content
d4nny
wiesz co ten kod css jest do niczego, można go opołowę skrócić, np:

  1. padding: 11px 11px 11px 11px;


można to zastąpić tym:
  1. padding: 11px;


rozmiary podawaj w px a nie w em, bedzie łatwiej, co do nieprawidłowego wyświetlania w IE to nic nie napiszę ponieważ ten syf wyrzuciłem ze swego Windows 7
erix
W Windows7 jest IE8, a do niego właściwie nie mam zastrzeżeń, czemu więc wyrzucać...? Jak chcesz layouty testować?
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.