Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Wyśrodkowanie strony inaczej, Ciężki przypadek wyśrodkowania strony
organista18
post
Post #1





Grupa: Zarejestrowani
Postów: 40
Pomógł: 0
Dołączył: 22.07.2009

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


Witam, wszystkich. Na początku obrazek:
(IMG:http://www.mjsp.pl/atest/schemat.jpg)

Problem niby banalny, ale walczę już z tym prawie przez całą noc. Chodzi o wyśrodkowanie Div'ów o nr:2-8, 11,14,17,20. Mianowicie chodzi mi o to, aby przy zmianach okna przeglądarki, te divy były cały czas na środku, a div'y po bokach się w miarę pomniejszania okna kurczyły...

Poniżej kod CSS:
#Tabela_01 to div w którym są umieszczone wszystkie inne divy...
  1. body {
  2. text-align: center;
  3. margin: 0;
  4. padding: 0 0 15px 0;
  5. font-family: "Times New Roman", Times, serif trebuchet ms, arial, helvetica, sans-serif;
  6. background-color: #000020;
  7. background-repeat: repeat;
  8. color:#FFFFFF;
  9. }
  10.  
  11. #Tabela_01 {
  12. margin: 0px auto;
  13. background-image:url(images/Content.jpg);
  14. background-repeat:repeat;
  15. width:1600px;
  16. position:fixed;
  17. }
  18.  
  19. #header-left {
  20. left:0px;
  21. top:0px;
  22. float: left;
  23. background-image:url(images/header_left.jpg);
  24. width:260px;
  25. height:124px;
  26. }
  27.  
  28. #header-logo {
  29. float: left;
  30. left:260px;
  31. top:0px;
  32. background-image:url(images/header_logo.jpg);
  33. width:533px;
  34. height:124px;
  35. }
  36.  
  37. #blog {
  38. float: left;
  39. left:793px;
  40. top:0px;
  41. background-image:url(images/blog.jpg);
  42. width:95px;
  43. height:124px;
  44. }
  45.  
  46. #porady {
  47. float: left;
  48. left:888px;
  49. top:0px;
  50. background-image:url(images/porady.jpg);
  51. width:95px;
  52. height:124px;
  53. }
  54.  
  55. #astrologia {
  56. float: left;
  57. left:983px;
  58. top:0px;
  59. background-image:url(images/astrologia.jpg);
  60. width:96px;
  61. height:124px;
  62. }
  63.  
  64. #kulinaria {
  65. float: left;
  66. left:1079px;
  67. top:0px;
  68. background-image:url(images/kulinaria.jpg);
  69. width:96px;
  70. height:124px;
  71. }
  72.  
  73. #kontakt {
  74. float: left;
  75. left:1175px;
  76. top:0px;
  77. background-image:url(images/kontakt.jpg);
  78. width:96px;
  79. height:124px;
  80. }
  81.  
  82. #header-bar {
  83. float: left;
  84. left:1271px;
  85. top:0px;
  86. background-image:url(images/header_bar.jpg);
  87. width:30px;
  88. height:124px;
  89. }
  90.  
  91. #header-right {
  92. float: left;
  93. left:1301px;
  94. top:0px;
  95. background-image:url(images/header_right.jpg);
  96. width:299px;
  97. height:124px;
  98. }
  99.  
  100. #szablon4-plasterki-10 {
  101. float: left;
  102. left:0px;
  103. top:124px;
  104. background-image:url(images/szablon4_plasterki_10.jpg);
  105. width:260px;
  106. height:136px;
  107. }
  108.  
  109. #cytaty-center {
  110. float: left;
  111. left:260px;
  112. top:124px;
  113. background-image:url(images/cytaty_center.jpg);
  114. width:1041px;
  115. height:136px;
  116. }
  117.  
  118. #cytaty-right {
  119. float: left;
  120. left:1301px;
  121. top:124px;
  122. background-image:url(images/cytaty_right.jpg);
  123. width:299px;
  124. height:136px;
  125. }
  126.  
  127. #content-left {
  128. float: left;
  129. left:0px;
  130. top:260px;
  131. background-image:url(images/content_left.jpg);
  132. width:260px;
  133. height:299px;
  134. }
  135.  
  136. #content-main {
  137. float: left;
  138. left:260px;
  139. top:260px;
  140. background-image:url(images/content_main.jpg);
  141. width:1041px;
  142. height:299px;
  143. }
  144.  
  145. #content-right {
  146. float: left;
  147. left:1301px;
  148. top:260px;
  149. background-image:url(images/content_right.jpg);
  150. width:299px;
  151. height:299px;
  152. }
  153.  
  154. #bottom-left {
  155. float: left;
  156. left:0px;
  157. top:1282px;
  158. background-image:url(images/bottom_left.jpg);
  159. width:260px;
  160. height:118px;
  161. }
  162.  
  163. #bottom-bar {
  164. float: left;
  165. left:260px;
  166. top:1282px;
  167. background-image:url(images/bottom_bar.jpg);
  168. width:1041px;
  169. height:118px;
  170. }
  171.  
  172. #bottom-right {
  173. float: left;
  174. left:1301px;
  175. top:1282px;
  176. background-image:url(images/bottom_right.jpg);
  177. width:299px;
  178. height:118px;
  179. }


Pozdrawiam i z góry dziekuję za pomoc.
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: 3.10.2025 - 22:56