Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: nie moge wyśrodkować cześci strony
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
koczan88
witam temat dotyczy strony http://dag-bud.pl/site/index.html nie wiem jak moge wysrodkowac strony poniżej migającego napisu chciałbym aby było po srodku
osl
Ekspertem w te klocki nie jestem, ale spróbuj
Kod
#content { margin:0 auto; }
koczan88
tak nie da rady mój css to
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. #strona { margin-left: auto; margin-right: auto; }
  5.  
  6. #content {
  7. width: 1029px;
  8. position: relative;
  9. padding-top: 15px;
  10. padding-right: 40px;
  11. padding-bottom: 0px;
  12. padding-left: 40px;
  13. float: center;
  14. margin-right: 0px;
  15. margin-bottom: 0px;
  16. margin-left: 0px;
  17. }
  18. #content_left_column {
  19. float: left;
  20. width: 240px;
  21. position: relative;
  22. }
  23. #content_right_column {
  24. float: right;
  25. width: 770px;
  26. position: relative;
  27. }
  28.  
  29. #left_column_ul {
  30. margin: 0px;
  31. padding: 0px;
  32. list-style-type: none;
  33. }
  34. #left_column_ul li {
  35. float: left;
  36. }
  37. #left_column_ul a {
  38. float: left;
  39. width: 225px;
  40. display: block;
  41. font-size: 11px;
  42. color: #000000;
  43. text-decoration: none;
  44. border-bottom-width: 1px;
  45. border-bottom-style: solid;
  46. border-bottom-color: #79a2b4;
  47. background-image: url(../image/arrow.gif);
  48. background-repeat: no-repeat;
  49. background-position: 230px center;
  50. line-height: 30px;
  51. padding-left: 15px;
  52. font-weight: bold;
  53. }
  54. #left_column_ul a:hover {
  55. float: left;
  56. width: 225px;
  57. display: block;
  58. font-size: 11px;
  59. color: #000000;
  60. text-decoration: underline;
  61. border-bottom-width: 1px;
  62. border-bottom-style: solid;
  63. border-bottom-color: #79a2b4;
  64. background-image: url(../image/arrow.gif);
  65. background-repeat: no-repeat;
  66. background-position: 225px center;
  67. line-height: 30px;
  68. padding-left: 15px;
  69. }
  70. #content_middle_column_index {
  71. float: left;
  72. width: 320px;
  73. position: relative;
  74. }
  75. #content_right_column_index {
  76. float: right;
  77. width: 320px;
  78. position: relative;
  79. }
  80. .tytul_aktualnosci a {
  81. font-weight: bold;
  82. float: left;
  83. color: #000000;
  84. text-decoration: none;
  85. margin-bottom: 5px;
  86. font-size: 14px;
  87. }
  88. .tytul_aktualnosci a:hover {
  89. float: left;
  90. text-decoration: underline;
  91. }
  92. .tytul_aktualnosci span {
  93. font-weight: normal;
  94. color: #6d6d6d;
  95. float: right;
  96. }
  97. .wiecej_text a {
  98. color: #6d6d6d;
  99. font-weight: bold;
  100. text-decoration: none;
  101. background-image: url(../image/arrow2.gif);
  102. display: block;
  103. background-repeat: no-repeat;
  104. background-position: right center;
  105. width: 60px;
  106. float: right;
  107. position: relative;
  108. }
  109.  
  110. .wiecej_text a:hover {
  111. background-image: url(../image/arrow2a.gif);
  112. color: #000000;
  113. }
  114. .box_aktualnosci {
  115. width: 670px;
  116. border-bottom-width: 1px;
  117. border-bottom-style: solid;
  118. border-bottom-color: #d2d2d2;
  119. position: relative;
  120. margin-bottom: 20px;
  121. float: left;
  122. padding-bottom: 0px;
  123. }
  124. .box_aktualnosci_foto {
  125. float: left;
  126. height: 100px;
  127. width: 100px;
  128. position: relative;
  129. }
  130. .box_aktualnosci_text {
  131. float: right;
  132. width: 550px;
  133. position: relative;
  134. }
  135. .box_aktualnosc {
  136. width: 670px;
  137. position: relative;
  138. margin-bottom: 20px;
  139. float: left;
  140. padding-bottom: 0px;
  141. }
  142. .powrot_text a {
  143. color: #6d6d6d;
  144. font-weight: bold;
  145. text-decoration: none;
  146. background-image: url(../image/arrow3.gif);
  147. display: block;
  148. background-repeat: no-repeat;
  149. background-position: right center;
  150. width: 140px;
  151. float: right;
  152. position: relative;
  153. margin-bottom: 40px;
  154. text-align: right;
  155. padding-right: 25px;
  156. }
  157. .powrot_text a:hover {
  158. background-image: url(../image/arrow3a.gif);
  159. color: #000000;
  160. }
  161. #materialy_do_pobrania {
  162. padding: 0px;
  163. list-style-type: none;
  164. margin-top: 0px;
  165. margin-right: 0px;
  166. margin-bottom: 20px;
  167. margin-left: 0px;
  168. }
  169. #materialy_do_pobrania li {
  170. display: block;
  171. }
  172. .pdf_ico a {
  173. color: #000000;
  174. text-decoration: none;
  175. font-size: 12px;
  176. background-image: url(../image/ico_pdf.jpg);
  177. display: block;
  178. padding-top: 10px;
  179. padding-bottom: 10px;
  180. padding-left: 35px;
  181. background-repeat: no-repeat;
  182. margin-bottom: 5px;
  183. background-position: left center;
  184. }
  185. .pdf_ico a:hover {
  186. text-decoration: underline;
  187. }
  188. .box_oferta {
  189. width: 670px;
  190. border-bottom-width: 1px;
  191. border-bottom-style: solid;
  192. border-bottom-color: #d2d2d2;
  193. position: relative;
  194. margin-bottom: 20px;
  195. float: left;
  196. padding-bottom: 0px;
  197. }
  198. .box_oferta_logo {
  199. float: left;
  200. height: 154px;
  201. width: 154px;
  202. position: relative;
  203. margin-bottom: 20px;
  204. }
  205. .box_oferta_logo img {
  206. border: 2px solid #666666;
  207. }
  208.  
  209. .box_oferta_text {
  210. float: right;
  211. width: 500px;
  212. position: relative;
  213. }
  214. .strona_www a {
  215. padding: 0px;
  216. float: right;
  217. color: #000000;
  218. text-decoration: none;
  219. margin-top: 0px;
  220. margin-right: 0px;
  221. margin-bottom: 20px;
  222. margin-left: 0px;
  223. }
  224. .strona_www a:hover {
  225. text-decoration: underline;
  226. }
  227. .box_referencja {
  228. float: left;
  229. position: relative;
  230. margin: 17px;
  231. width: 100px;
  232. }
  233. .podpis_referencji {
  234. float: left;
  235. width: 100px;
  236. font-size: 11px;
  237. position: relative;
  238. margin-top: 10px;
  239. text-align: center;
  240. }
  241. #box_dane_kontaktowe {
  242. float: left;
  243. width: 200px;
  244. }
  245. #map {
  246. width: 668px;
  247. height: 300px;
  248. position: relative;
  249. border: 1px solid #333333;
  250. }






ok panowie dałem sobie radę można zamknąć zmieniłem
  1. margin-right: auto;
  2. margin-bottom: auto;
  3. margin-left: auto;

osl
czyli zrobiłeś praktycznie to samo co sugerowałem, ale inaczej zapisałeś... wink.gif

jedna uwaga jeszcze, taki kwiatek:
Kod
float:center;


raczej nie jest to poprawna wartość.
koczan88
jaka powinna byc prawidłowa
Damonsson
Sprawdź sobie! sciana.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.