Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z pozycjonowaniem
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Outside
Witam, zakodowałem stronę i mam z nią pewien problem pod firefoxem, pod chrome konczy się normalnie na stopce, a pod firefoxem pod stopką jest jeszcze czarne puste tło, jak to naprawić?
To jest kod css
  1. /*TABELA_LOGOWANIE*/
  2.  
  3. body
  4. {
  5. background-color: #0b0b0b;
  6. }
  7. .all
  8. {
  9. width: 1200px;
  10. height: 1000px;
  11. background-color: silver;
  12. margin: 0 auto;
  13. padding: 0px;
  14. }
  15. .logowanie
  16. {
  17. width:1200px;
  18. height: 42px;
  19. background-color: white;
  20. margin: auto;
  21. padding: 0px;
  22. position: fixed;
  23. z-index: 20;
  24. }
  25.  
  26. /*MENU*/
  27. .menu_border
  28. {
  29. width:828px;
  30. height: 99px;
  31. background-color: white;
  32. position: relative;
  33. top: 150px;
  34. margin: auto;
  35. z-index:15;
  36. }
  37. .menu_background
  38. {
  39. width:787px;
  40. height:57px;
  41. background-color: yellow;
  42. position:relative;
  43. top:13px;
  44. left: 16px;
  45. z-index:10;
  46.  
  47. }
  48. /*NAJBLIZSZE MECZE */
  49. .najblizsze_mecze_napis
  50. {
  51. width:192px;
  52. height: 104px;
  53. background-color: white;
  54. position: relative;
  55. left: -3px;
  56. top: 150px;
  57. }
  58. .najblizsze_mecze_napis_bg
  59. {
  60. width:156px;
  61. height: 61px;
  62. background-color: yellow;
  63. position: relative;
  64. left: 17px;
  65. top: 15px;
  66. }
  67.  
  68. .najblizsze_mecze
  69. {
  70. width:190px;
  71. height:533px;
  72. background-color: white;
  73. position: relative;
  74. left: -3px;
  75. top: -485px;
  76. }
  77. .najblizsze_mecze_bg
  78. {
  79. width:156px;
  80. height:493px;
  81. background-color: yellow;
  82. position: relative;
  83. left: 17px;
  84. top: 13px;
  85. }
  86.  
  87. /*NEWSY*/
  88. .newsy_border
  89. {
  90. width: 828px;
  91. height: 630px;
  92. background-color: brown;
  93. position: relative;
  94. top: 47px;
  95. left: 187px;
  96.  
  97. }
  98. .newsy_bg
  99. {
  100. width: 786px;
  101. height: 588px;
  102. background-color: grey;
  103. position: relative;
  104. top: 13px;
  105. left: 17px;
  106.  
  107. }
  108.  
  109. /*SPONSORZY*/
  110. .sponsorzy_border_napis
  111. {
  112. width:191px;
  113. height:104px;
  114. background-color: white;
  115. position: relative;
  116. top: -1116px;
  117. left: 1008px;
  118. }
  119. .sponsorzy_napis_bg
  120. {
  121. width:156px;
  122. height:62px;
  123. background-color: yellow;
  124. position: relative;
  125. top: 14px;
  126. left: 17px;
  127. }
  128. .sponsorzy
  129. {
  130. width:191px;
  131. height:230px;
  132. background-color: white;
  133. position: relative;
  134. top: -1120px;
  135. left: 1009px;
  136. }
  137. .sponsorzy_bg
  138. {
  139. width:157px;
  140. height:190px;
  141. background-color: yellow;
  142. position: relative;
  143. top: 13px;
  144. left: 17px;
  145. }
  146.  
  147. /*STOPKA*/
  148. .stopka
  149. {
  150. width:829px;
  151. height:80px;
  152. background-color: white;
  153. position: relative;
  154. top: -771px;
  155. left: 187px;
  156. }
  157. .stopka_bg
  158. {
  159. width:787px;
  160. height:60px;
  161. background-color: yellow;
  162. position: relative;
  163. top: 14px;
  164. left: 17px;
  165. }


Zdjęcie
com
co to znaczy kończy się na stopce... problem tkwi w tym że chrome i bodajże IE inaczej interpretują sekcje body, ale jak dodasz treści to przecież to będzie wyglądać normalnie, ponadto możesz stopkę przypiąć do dołu ekranu, a kontener na treść rozszerzyć i też to bd normalnie wgl wink.gif
Outside
Spójrz na zdjęcie, jak dodam treść to nic nie zmieni.
com
patrzyłem, zmieni bo automatycznie wszytko idzie w dół, pokaż jak jest w chrome bo może Cie nie rozumiem..
Outside
W chrome jest tak
http://screenshooter.net/9380968/tpoethx
com
no teraz to możemy rozmawiać...
  1. .stopka
  2. {
  3. width:829px;
  4. height:80px;
  5. background-color: white;
  6. position: relative;
  7. top: -771px;
  8. left: 187px;
  9. }


to nie tak, nie możesz nadawać wartości stałych dla ruchomych elementów, bo po pierwsze u mnie na 1680 x 1050 to to jest gdzieś w połowie, poza tym skoro masz -771 to dlatego ff tak Ci wyświetla , a po drugie ciągle bd miał takie problemy, musisz iść w tym kierunku np http://webfaces.pl/blog/ciekawe-strony/sto...wiazanie-w-css/ wink.gif

btw twój temat jest trochę mylący wink.gif bo ktoś może pomyśleć że chodzi o SEO wink.gif
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.