Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jak wyśrodkować stronę
Forum PHP.pl > Forum > Przedszkole
Tom_007
23.02.2008, 21:56:02
Witam, pociąłem layout do divów w PS ale nie mogę go wyśrodkować i ciągle strona jest po lewej stronie, poniżej załączam kod - pomógłby ktoś to zrobić?
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>tytuł</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
  5. <style type="text/css">
  6. <!--
  7.  
  8.  
  9. div.Table_01 {
  10. 	position:absolute;
  11. 	left:0px;
  12. 	top:0px;
  13. 	width:608px;
  14. 	height:608px;
  15. }
  16.  
  17. div.id01 {
  18. 	position:absolute;
  19. 	left:0px;
  20. 	top:0px;
  21. 	width:608px;
  22. 	height:7px;
  23. }
  24.  
  25. div.id02 {
  26. 	position:absolute;
  27. 	left:0px;
  28. 	top:7px;
  29. 	width:33px;
  30. 	height:601px;
  31. }
  32.  
  33. div.id03 {
  34. 	position:absolute;
  35. 	left:33px;
  36. 	top:7px;
  37. 	width:271px;
  38. 	height:100px;
  39. }
  40.  
  41. div.id04 {
  42. 	position:absolute;
  43. 	left:304px;
  44. 	top:7px;
  45. 	width:271px;
  46. 	height:100px;
  47. }
  48.  
  49. div.id05 {
  50. 	position:absolute;
  51. 	left:575px;
  52. 	top:7px;
  53. 	width:33px;
  54. 	height:601px;
  55. }
  56.  
  57. div.id06 {
  58. 	position:absolute;
  59. 	left:33px;
  60. 	top:107px;
  61. 	width:542px;
  62. 	height:4px;
  63. }
  64.  
  65. div.id07 {
  66. 	position:absolute;
  67. 	left:33px;
  68. 	top:111px;
  69. 	width:22px;
  70. 	height:24px;
  71. }
  72.  
  73. div.id08 {
  74. 	position:absolute;
  75. 	left:55px;
  76. 	top:111px;
  77. 	width:83px;
  78. 	height:24px;
  79. }
  80.  
  81. div.id09 {
  82. 	position:absolute;
  83. 	left:138px;
  84. 	top:111px;
  85. 	width:83px;
  86. 	height:24px;
  87. }
  88.  
  89. div.id10 {
  90. 	position:absolute;
  91. 	left:221px;
  92. 	top:111px;
  93. 	width:83px;
  94. 	height:24px;
  95. }
  96.  
  97. div.id11 {
  98. 	position:absolute;
  99. 	left:304px;
  100. 	top:111px;
  101. 	width:83px;
  102. 	height:24px;
  103. }
  104.  
  105. div.id12 {
  106. 	position:absolute;
  107. 	left:387px;
  108. 	top:111px;
  109. 	width:83px;
  110. 	height:24px;
  111. }
  112.  
  113. div.id13 {
  114. 	position:absolute;
  115. 	left:470px;
  116. 	top:111px;
  117. 	width:83px;
  118. 	height:24px;
  119. }
  120.  
  121. div.id14 {
  122. 	position:absolute;
  123. 	left:553px;
  124. 	top:111px;
  125. 	width:22px;
  126. 	height:24px;
  127. }
  128.  
  129. div.id15 {
  130. 	position:absolute;
  131. 	left:33px;
  132. 	top:135px;
  133. 	width:271px;
  134. 	height:191px;
  135. }
  136.  
  137. div.id16 {
  138. 	position:absolute;
  139. 	left:304px;
  140. 	top:135px;
  141. 	width:271px;
  142. 	height:191px;
  143. }
  144.  
  145. div.id17 {
  146. 	position:absolute;
  147. 	left:33px;
  148. 	top:326px;
  149. 	width:271px;
  150. 	height:192px;
  151. }
  152.  
  153. div.id18 {
  154. 	position:absolute;
  155. 	left:304px;
  156. 	top:326px;
  157. 	width:271px;
  158. 	height:192px;
  159. }
  160.  
  161. div.id19 {
  162. 	position:absolute;
  163. 	left:33px;
  164. 	top:518px;
  165. 	width:542px;
  166. 	height:90px;
  167. }
  168.  
  169. -->
  170. </style>
  171. </head>
  172. <body style="background-color:#000;">
  173.  
  174. <div class="Table_01">
  175. 	<div class="id01">
  176. 		<img src="images/01.gif" width=608 height=7 />
  177. 	</div>
  178. 	<div class="id02">
  179. 		<img src="images/02.gif" width=33 height=601 />
  180. 	</div>
  181. 	<div class="id03">
  182. 		<img src="images/03.gif" width=271 height=100 />
  183. 	</div>
  184. 	<div class="id04">
  185. 		<img src="images/04.gif" width=271 height=100 />
  186. 	</div>
  187. 	<div class="id05">
  188. 		<img src="images/05.gif" width=33 height=601 />
  189. 	</div>
  190. 	<div class="id06">
  191. 		<img src="images/06.gif" width=542 height=4 />
  192. 	</div>
  193. 	<div class="id07">
  194. 		<img src="images/07.gif" width=22 height=24 />
  195. 	</div>
  196. 	<div class="id08">
  197. 		<a href="index.html"><img src="images/08.gif" width=83 height=24 border="0"/></a>
  198. 	</div>
  199. 	<div class="id09">
  200. 		<a href="forum.html"><img src="images/09.gif" width=83 height=24 border="0" /></a>
  201. 	</div>
  202. 	<div class="id10">
  203. 			<a href="pictrues.html"><img src="images/10.gif" width=83 height=24 border="0" /></a>
  204. 	</div>
  205. 	<div class="id11">
  206. 			<a href="video.html"><img src="images/11.gif" width=83 height=24 border="0" /></a>
  207. 	</div>
  208. 	<div class="id12">
  209. 			<a href="riders.html"><img src="images/12.gif" width=83 height=24 border="0" /></a>
  210. 	</div>
  211. 	<div class="id13">
  212. 			<a href="links.html"><img src="images/13.gif" width=83 height=24 border="0" /></a>
  213. 	</div>
  214. 	<div class="id14">
  215. 		<img src="images/14.gif" width=22 height=24 />
  216. 	</div>
  217. 	<div class="id15">
  218. 		<img src="images/15.gif" width=271 height=191 />
  219. 	</div>
  220. 	<div class="id16">
  221. 		<img src="images/16.gif" width=271 height=191 />
  222. 	</div>
  223. 	<div class="id17">
  224. 		<img src="images/17.gif" width=271 height=192 />
  225. 	</div>
  226. 	<div class="id18">
  227. 		<img src="images/18.gif" width=271 height=192 />
  228. 	</div>
  229. 	<div class="id19">
  230. 		<img src="images/19.gif" width=542 height=90 />
  231. 	</div>
  232. </div>
  233. </body>
  234. </html>
[HTML] pobierz, plaintext
l0ud
23.02.2008, 21:58:28
Niestety, ale jest to pozycjonowanie absolutne, po prostu źle pocięty layout. Z przyczyn technicznych nie możesz tego wyśrodkować - naucz się podstaw html'a i css'a i zrób to ręcznie... Więcej poradzić nie mogę sad.gif
Maciekbjw
23.02.2008, 22:51:38
Oczywiście, że możesz wyśrodkować tą stronę.

Może kod nie jest poprawny, bo tak się teraz stron nie robi, ale zmień tą linijke na
Kod
div.Table_01 {
    position:relativ;
margin: auto;
    width:608px;
    height:608px;
}


Ustal odpowiedni width i height i ma działać.
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.