css-code nicht cross-brwoser fähig!

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • css-code nicht cross-brwoser fähig!

    Hallo Leute,

    leider wird mein css code nicht bei jedem Browser richtig angezeigt. -> teeworlds-database.de/blog

    Quellcode

    1. @charset "utf-8";
    3. /* Default */
    4. * {
    5. margin: 0;
    6. padding: 0;
    7. border: 0;
    8. }
    10. span {
    11. padding: 6px;
    12. }
    14. ul, ol {
    15. list-style: none;
    16. }
    18. a {
    19. opacity: 1.0;
    20. }
    22. /* CSS Document */
    23. body, td, th {
    24. font-family: Arial, Helvetica, sans-serif;
    25. font-size: 12px;
    26. background: #A16E36;
    27. color: #543E24;
    28. overflow:scroll;
    29. }
    30. .left {
    31. float: left;
    32. }
    33. .right {
    34. float: right;
    35. }
    36. .wrap {
    37. border: 3px solid;
    38. -webkit-border-radius: 7px;
    39. -moz-border-radius: 7px;
    40. border-radius: 7px;
    41. background: #835A26;
    42. width: 80%;
    43. margin: auto;
    44. border-color: #543e24;
    45. margin-top: 15px;
    46. }
    47. .wrap div {
    48. padding: 5px;
    49. }
    50. .wrap h1 {
    51. border-bottom: 2px solid;
    52. }
    53. .wrap h1 a {
    54. text-decoration: none;
    55. }
    56. h2 {
    57. font-size: 26px;
    58. padding: 6px 0px;
    59. margin: 0px;
    60. padding-bottom: 0px;
    61. }
    62. h1 {
    63. font-size: 45px;
    64. padding: 6px 0px;
    65. margin: 0px;
    66. padding-bottom: 0px;
    67. }
    68. a:link, a:visited{
    69. color: #543e24;
    70. text-decoration: none;
    71. }
    72. a:hover {
    73. text-decoration: underline;
    74. font-weight: bold;
    75. }
    76. a:active {
    77. text-decoration: none;
    78. font-weight: bold;
    79. }
    80. section {
    81. display: block;
    82. }
    83. #content {
    84. }
    85. header {
    86. height: 64px;
    87. background-image: url(../img/header.png);
    88. background-repeat: repeat-x;
    89. background-position: center;
    90. }
    91. nav {
    92. border: 3px solid;
    93. -webkit-border-radius: 7px;
    94. -moz-border-radius: 7px;
    95. border-radius: 7px;
    96. background: #835A26;
    97. width: 80%;
    98. margin: auto;
    99. border-color: #543e24;
    100. margin-top: 5px;
    101. height: 40px;
    102. }
    103. nav li {
    104. float: left;
    105. padding: 8px;
    106. border-right-style: solid;
    107. border-width: 3px;
    109. }
    110. nav li a {
    111. font-size: 20px;
    112. font-weight: bold;
    113. padding: 4px;
    114. border: 1px solid;
    115. -webkit-border-radius: 7px;
    116. -moz-border-radius: 7px;
    117. border-radius: 7px;
    118. border-color: transparent;
    119. background-color: rgba(0,0,0,0.1);
    120. }
    121. nav li a:hover {
    122. background-color: rgba(0,0,0,0.2);
    123. border: 1px solid;
    124. -webkit-border-radius: 7px;
    125. -moz-border-radius: 7px;
    126. border-radius: 7px;
    127. border-color: transparent;
    128. padding: 4px;
    129. }
    130. footer {
    131. border: 3px solid;
    132. -webkit-border-radius: 7px;
    133. -moz-border-radius: 7px;
    134. border-radius: 7px;
    135. background: #835A26;
    136. width: 80%;
    137. margin: auto;
    138. border-color: #543e24;
    139. margin-top: 15px;
    140. }
    141. footer div {
    142. padding: 5px;
    143. }
    144. .box {
    145. border: 3px solid;
    146. -webkit-border-radius: 7px;
    147. -moz-border-radius: 7px;
    148. border-radius: 7px;
    149. background: #835A26;
    150. margin: auto;
    151. border-color: #543e24;
    152. margin-top: 5px;
    153. }
    154. .box div {
    155. padding: 5px;
    156. }
    157. .box div h2 {
    158. padding: 0px;
    159. border-bottom: 2px solid;
    160. }
    161. .box .footer div{
    162. padding: 5px;
    163. border-top: 2px solid;
    164. padding-bottom: 0px;
    165. }
    166. .middle {
    167. width: 80%;
    168. margin: auto;
    169. padding-bottom: 0px;
    170. padding-top: 20px;
    171. }
    172. form {
    173. width: 75%;
    174. /*padding: 3px;*/
    175. }
    176. form div {
    177. padding: 10px;
    178. /* border-bottom: 1px dashed #333; */
    179. }
    180. form lable {
    181. display: block;
    182. font-family: Georgia, serif;
    183. font-style: italic;
    184. width: 130px;
    185. }
    186. input[type=text], textarea {
    187. outline: none;
    188. border: 3px solid #543e24;
    189. padding: 3px;
    190. border-radius: 5px;
    191. background-color: rgba(0,0,0,0.1);
    192. }
    193. input:focus, textarea:focus {
    194. border: 3px solid #543e24;
    195. }
    196. input[type=submit] {
    197. margin: 5px;
    198. background-color: rgba(0,0,0,0.1);
    199. border: 3px solid #543e24;
    200. border-radius: 5px;
    201. outline: none;
    202. padding: 3px;
    203. /* margin-left: 230px;*/
    204. }
    205. input[type=submit]:hover{
    206. background-color: rgba(0,0,0,0.2);
    207. }
    208. input[type=submit]:active {
    209. background-color: rgba(0,0,0,0.3);
    210. }
    211. textarea { max-width: 75%; max-height: 304px; }
    Alles anzeigen