Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]
Forum PHP.pl > Forum > Przedszkole
rwalus
9.02.2009, 23:57:18
Prosze o jakieś rady. Mam problem z DIV-em. Tzn nie rozciaga sie wraz z zawartościa.
Wyglada to tak:

boczne paski nie rozciagaja sie
INDEX.htm
[HTML] pobierz, plaintext 
  1. <div id="glowny"> 
  2. 	<div id="ramka_up"> 
  3. 			<div id="left_up"></div>
  4. 			<div id="center_up"></div>
  5. 			<div id="right_up"></div>
  6. 	</div>
  7. 	<div id="srodek"> 
  8. 			<div id="a1">
  9. 				<div id="a1_u"></div>
  10. 				<div id="a1_c"></div>
  11. 				<div id="a1_d"></div>
  12. 			</div>
  13. 			<div id="a2"></div>
  14. 			<div id="a3"></div>
  15. 			<div id="a4"></div>
  16. 			<div id="a5">
  17. 				<div id="a5_u"></div>
  18. 				<div id="a5_c"></div>
  19. 				<div id="a5_d"></div>
  20. 			</div>
  21.  
  22. 	</div>
  23. 		<div id="ramka_down"> 
  24. 			<div id="left_down"></div>
  25. 			<div id="center_down"></div>
  26. 			<div id="right_down"></div>
  27. 		</div>
  28. </div>
[HTML] pobierz, plaintext


CSS
[HTML] pobierz, plaintext 
  1. BODY {
  2. background-image: url(pociete/www_01.jpg); 
  3. background-repeat: repeat-x;
  4. background-color: #CBD1D3;
  5. text-align: center; 
  6. margin: 0; 
  7.  
  8. }
  9.  
  10. DIV#glowny { 
  11. border: 0px solid #333333; 
  12. margin: 0px;
  13. width: 610px; 
  14. height: auto;
  15. margin: 0 auto; 
  16. padding: 0; } 
  17.  
  18. DIV#up { 
  19. border: 0px solid #333333; 
  20. background: #FFF url('pociete/www_03.jpg');
  21. margin: 0px;
  22. width: 610px; 
  23. height: 247px; 
  24. margin: 0 auto; 
  25. padding: 0; } 
  26.  
  27. DIV#menu { 
  28. border: 0px solid #333333; 
  29. margin: 0px;
  30. width: 610px; 
  31. height: 29px; 
  32. margin: 0 auto; 
  33. padding: 0; }
  34.  
  35. 	DIV#pusto { 
  36. 	border: 0px solid #333333; 
  37. 	margin: 0px;
  38. 	background: #FFF url('pociete/menu_01.jpg');
  39. 	width: 31px;
  40. 	height: 29px; 
  41. 	float: left;
  42. 	margin: 0 auto; 
  43. 	padding: 0; }
  44.  
  45. 	DIV#telkom { 
  46. 	border: 0px solid #333333; 
  47. 	margin: 0px;
  48. 	background: #FFF url('pociete/menu_02.jpg');
  49. 	width: 80px;
  50. 	height: 29px; 
  51. 	float: left;
  52. 	margin: 0 auto; 
  53. 	padding: 0; }
  54.  
  55. 	DIV#jedna { 
  56. 	border: 0px solid #333333; 
  57. 	margin: 0px;
  58. 	background: #FFF url('pociete/menu_08.jpg');
  59. 	width: 102px;
  60. 	height: 29px; 
  61. 	float: left;
  62. 	margin: 0 auto; 
  63. 	padding: 0; }
  64.  
  65. 	DIV#idea { 
  66. 	border: 0px solid #333333; 
  67. 	margin: 0px;
  68. 	background: #FFF url('pociete/menu_09.jpg');
  69. 	width: 113px;
  70. 	height: 29px; 
  71. 	float: left;
  72. 	margin: 0 auto; 
  73. 	padding: 0; }
  74.  
  75. 	DIV#pop { 
  76. 	border: 0px solid #333333; 
  77. 	margin: 0px;
  78. 	background: #FFF url('pociete/menu_04.jpg');
  79. 	width: 60px;
  80. 	height: 29px; 
  81. 	float: left;
  82. 	margin: 0 auto; 
  83. 	padding: 0; }
  84.  
  85. 	DIV#promocje { 
  86. 	border: 0px solid #333333; 
  87. 	margin: 0px;
  88. 	background: #FFF url('pociete/menu_05.jpg');
  89. 	width: 97px;
  90. 	height: 29px; 
  91. 	float: left;
  92. 	margin: 0 auto; 
  93. 	padding: 0; }
  94.  
  95. 	DIV#kontakt { 
  96. 	border: 0px solid #333333; 
  97. 	margin: 0px;
  98. 	background: #FFF url('pociete/menu_06.jpg');
  99. 	width: 85px;
  100. 	height: 29px; 
  101. 	float: left;
  102. 	margin: 0 auto; 
  103. 	padding: 0; }
  104.  
  105. 	DIV#pusto2 { 
  106. 	border: 0px solid #333333; 
  107. 	margin: 0px;
  108. 	background: #FFF url('pociete/menu_07.jpg');
  109. 	width: 42px;
  110. 	height: 29px; 
  111. 	float: left;
  112. 	margin: 0 auto; 
  113. 	padding: 0; }
  114.  
  115. DIV#ramka_up { 
  116. border: 0px solid #333333; 
  117. margin: 0px;
  118. width: 610px;  
  119. margin: 0 auto; 
  120. padding: 0; }
  121.  
  122. 	DIV#left_up { 
  123. 	border: 0px solid #333333; 
  124. 	margin: 0px;
  125. 	background: #FFF url('images/www_06_01.jpg');
  126. 	width: 35px;
  127. 	height: 41px; 
  128. 	float: left;
  129. 	margin: 0 auto; 
  130. 	padding: 0; }
  131.  
  132. 	DIV#center_up { 
  133. 	border: 0px solid #333333; 
  134. 	margin: 0px;
  135. 	background: #FFF url('images/www_06_02.gif');
  136. 	width: 542px;
  137. 	height: 41px; 
  138. 	float: left;
  139. 	margin: 0 auto; 
  140. 	padding: 0; }
  141.  
  142. 	DIV#right_up { 
  143. 	border: 0px solid #333333; 
  144. 	margin: 0px;
  145. 	background: #FFF url('images/www_06_03.jpg');
  146. 	width: 33px;
  147. 	height: 41px; 
  148. 	float: left;
  149. 	margin: 0 auto; 
  150. 	padding: 0; }
  151.  
  152. DIV#srodek { 
  153. border: 0px solid #333333; 
  154. margin: 0px;
  155. width: 610px;  
  156. height: auto;
  157.  }
  158.  
  159. 	DIV#a1 { 
  160. 	border: 0px solid #333333; 
  161. 	margin: 0px;
  162. 	width: 35px; 
  163. 	height: auto;
  164. 	float: left;
  165. }
  166.  
  167. 		DIV#a1_u { 
  168. 		border: 0px solid #333333; 
  169. 		margin: 0px;
  170. 		background: #FFF url('images/www_06_04.gif');
  171. 		width: 35px; 
  172. 		height: 150px;
  173. }
  174.  
  175. 		DIV#a1_c { 
  176. 		border: 0px solid #333333; 
  177. 		margin: 0px;
  178. 		background: #FFF;
  179. 		width: 35px; 
  180. 		height: auto;
  181.  }
  182.  
  183. 		DIV#a1_d { 
  184. 		border: 0px solid #333333; 
  185. 		margin: 0px;
  186. 		background: #FFF url('images/www_09_01.jpg');
  187. 		width: 35px; 
  188. 		height: 68px;
  189.  
  190.  }
  191.  
  192. 	DIV#a2 { 
  193. 	border: 0px solid #333333; 
  194. 	margin: 0px;
  195. 	background: #FFF;
  196. 	width: 212px;
  197. 	height: inherit;
  198. 	float: left;
  199.  }
  200.  
  201. 	DIV#a3 { 
  202. 	border: 0px solid #333333; 
  203. 	margin: 0px;
  204. 	width: 1px; 
  205. 	height: inherit;
  206. 	float: left;
  207. 	margin: 0 auto; 
  208. 	padding: 0; }
  209.  
  210. 	DIV#a4 { 
  211. 	border: 0px solid #333333; 
  212. 	margin: 0px;
  213. 	height: inherit;
  214. 	float: left;
  215. 	margin: 0 auto; 
  216. 	padding: 0; }
  217.  
  218. 	DIV#a5 { 
  219. 	border: 0px solid #333333; 
  220. 	margin: 0px;
  221. 	width: 33px; 
  222. 	height: inherit;
  223. 	float: right;
  224. 	margin: 0 auto; 
  225. 	padding: 0; }
  226.  
  227. 		DIV#a5_u { 
  228. 		border: 0px solid #333333; 
  229. 		margin: 0px;
  230. 		background: #FFF url('images/www_06_06.gif');
  231. 		width: 33px; 
  232. 		height: 150px;
  233. 		margin: 0 auto; 
  234. 		padding: 0; }
  235.  
  236. 		DIV#a5_c { 
  237. 		border: 0px solid #333333; 
  238. 		margin: 0px;
  239. 		width: 33px; 
  240. 		height: auto;
  241. 		background: #FFF;
  242. 		margin: 0 auto; 
  243. 		padding: 0; }
  244.  
  245. 		DIV#a5_d { 
  246. 		border: 0px solid #333333; 
  247. 		margin: 0px;
  248. 		background: #FFF url('images/www_09_03.jpg');
  249. 		width: 33px; 
  250. 		height: 68px;
  251. 		margin: 0 auto; 
  252. 		padding: 0; }
  253.  
  254. DIV#ramka_down { 
  255. border: 0px solid #333333; 
  256. margin: 0px;
  257. width: 610px;  
  258. }
  259.  
  260. 	DIV#left_down { 
  261. 	border: 0px solid #333333; 
  262. 	margin: 0px;
  263. 	background: #FFF url('images/www_09_04.jpg');
  264. 	width: 35px;
  265. 	height: 62px; 
  266. 	float: left;
  267.  }
  268.  
  269. 	DIV#center_down { 
  270. 	border: 0px solid #333333; 
  271. 	margin: 0px;
  272. 	background: #FFF url('images/www_09_05.jpg');
  273. 	width: 542px;
  274. 	height: 62px; 
  275. 	float: left;
  276.  }
  277.  
  278. 	DIV#right_down { 
  279. 	border: 0px solid #333333; 
  280. 	margin: 0px;
  281. 	background: #FFF url('images/www_09_06.jpg');
  282. 	width: 33px;
  283. 	height: 62px; 
  284. 	float: left;
  285.  }
[HTML] pobierz, plaintext

widok strony
ayeo
10.02.2009, 00:04:35
Witaj na forum!

Zapoznaj się z regulaminem forum i zasadami działu Przedszkole. Popraw proszę swojego posta. Mam na myśli BBcode i temat.

Pozdrawiam!
mls
10.02.2009, 00:36:45
Divitis normalnie.
Z wklejonego kodu nie da się na pierwszy rzut oka zrozumieć nic. I wątpię, by komuś chciało się zagłębiać w taką sieczkę. Podstawy HTML, CSS, użycia elementów blokowych, dziedziczenia w stylach, etc.
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.