Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Dostosowanie szablonu pod IE
M4rUd41
post
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 23.10.2009
Skąd: Częstochowa/Schifferstadt

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


Witam,
przekopałem już trochę podobnych tematów na forum, ale nie znalazłem satysfakcjonującej odpowiedzi.
Mam taki dosyć spory problem. Mianowicie strona całkiem się rozjeżdża pod IE. Nie będę się rozpisywał bo za dużo miejsca by to zajęło, sprawdźcie sami: http://getlockerz.pl
I tu pytanie, jak dostosować szablon pod IE?
Oto on:
  1. @charset "iso-8859-2";
  2.  
  3. html, body {
  4. background-image:url(images/tlo.gif);
  5. background-color: #1c0d2b;
  6. font-family:Verdana, Arial, Helvetica, sans-serif;
  7. font-size:11px;
  8. color: #fff;
  9. margin: 0;
  10. padding: 0;
  11. }
  12.  
  13. a {
  14. color:#686868;
  15. border:0;
  16. text-decoration:none;
  17. }
  18.  
  19. a:hover {
  20. color:#999999;
  21. border:0;
  22. }
  23.  
  24. a:visited {
  25. color:#686868;
  26. border:0;
  27. }
  28. #top {
  29. background-image:url(images/top_03.png);
  30. background-repeat:repeat-x;
  31. width:90%;
  32. height:77px;
  33. padding-left:5%;
  34. padding-right:5%;
  35. overflow:hidden;
  36. }
  37.  
  38. #nawi {
  39. float:right;
  40. }
  41.  
  42. #logo {
  43. float:left;
  44. }
  45.  
  46. #okno_g {
  47. background-image:url(images/body_14.png);
  48. background-repeat:repeat;
  49. width:50%;
  50. height:37px;
  51. overflow:hidden;
  52. margin-left:auto;
  53. margin-right:auto;
  54. text-align:center;
  55. padding-top:10px;
  56. }
  57.  
  58. #okno {
  59. background-image:url(images/body_17.png);
  60. background-repeat:repeat;
  61. width:48%;
  62. overflow:hidden;
  63. margin-left:auto;
  64. margin-right:auto;
  65. padding-bottom:10px;
  66. padding-left:1%;
  67. padding-right:1%;
  68. padding-top:10px;
  69.  
  70. }
  71.  
  72. #stopka {
  73. background-image:url(images/sotpka_49.png);
  74. background-repeat:repeat-x;
  75. height: 61px;
  76. width:96%;
  77. position:fixed;
  78. bottom:0px;
  79. filter: alpha(opacity=70);
  80. -moz-opacity: 0.7;
  81. opacity: 0.7;
  82. padding-left:2%;
  83. padding-right:2%;
  84. }
  85.  
  86. #stopka_logo {
  87. float:left;
  88. }
  89.  
  90. #up {
  91. float:right;
  92. }
  93.  
  94. #wyslij {
  95. background-image:url(images/button.png);
  96. width:93px;
  97. height:30px;
  98. border:0;
  99. background-repeat:no-repeat;
  100. font-size:10;
  101. }
  102.  
  103. #textbox {
  104. background-image:url(images/textbox.png);
  105. width:181px;
  106. height:24px;
  107. border:0;
  108. background-repeat:no-repeat;
  109. color:#fff;
  110. padding-top: 5px;
  111. padding-left:3px;
  112. font-size:10px;
  113. font-weight:bolder;
  114. }
  115.  
  116. #kat {
  117. float:left;
  118. width: 199px;
  119. border:0;
  120. margin-left:1px;
  121. margin-right:1px;
  122. }
  123.  
  124. #naglowek-nag {
  125. background-image:url(images/ng_tlo.gif);
  126. background-repeat:repeat-x;
  127. width:199px;
  128. height:34px;
  129. text-transform:uppercase;
  130. font-weight:bold;
  131. font-size:15px;
  132. text-align:center;
  133. text-decoration:none;
  134. border-color:#000;
  135. border:1px;
  136. padding-top:8px;
  137. }
  138.  
  139. #obrazek-nag {
  140. width:199px;
  141. border-color:#000;
  142. border:1px;
  143. }
  144.  
  145. #nagrody1 {
  146. margin-left:0 auto;
  147. margin-right:0 atuo;
  148. text-align:center;
  149. width:606px;
  150. }
  151.  
  152. #kom_poz{
  153. color:#00FF00;
  154. }
  155.  
  156. #kom_neg {
  157. color:red;
  158. }
  159.  
  160. #langmenu {
  161. width:95%;
  162. height:23px;
  163. background-image:url(images/lang_tlo.png);
  164. background-repeat:repeat-x;
  165. border:0;
  166. font-size:10px;
  167. font-weight:bolder;
  168. padding-left:5%;
  169. padding-top:8px;
  170. }
  171.  
  172. #lang {
  173. width:60px;
  174. float:left;
  175. text-align:right;
  176. }
  177.  
  178. #lang_f {
  179. float:left;
  180. }
  181.  
  182. #stopka_tekst {
  183. width:73%;
  184. float:left;
  185. text-align:center;
  186. font-size:10px;
  187. font-weight:bolder;
  188. margin-left:0 auto;
  189. margin-right:0 auto;
  190. padding-top:20px;
  191. }
  192.  
  193. #kontakt {
  194. float:right;
  195. text-align:right;
  196. }


Z góry dzięki za pomoc (IMG:style_emoticons/default/smile.gif)
Powód edycji: [Ociu]: Poprawiłem bbCode
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
M4rUd41
post
Post #2





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 23.10.2009
Skąd: Częstochowa/Schifferstadt

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


Doctype jest kilka razy, bo w każdym panelu jest zaincludowany inny plik html. A w pliku index.php są jednocześnie 3 strony (3 wersje językowe)... Co do pliku CSS a raczej błędów które pokazuje walidator, to wszystko co się pokazuje jako błąd wyczytałem tu na forum. Bez tego stopka nie byłaby przezroczysta, a jeden istotny DIV nie byłby na środku...

Ten post edytował M4rUd41 4.11.2009, 17:50:41
Go to the top of the page
+Quote Post

Posty w temacie


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: 14.10.2025 - 21:27