Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Problem z rozciąganiem diva.
Rinzler
post
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 25.06.2011

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

Witam. Koduję szablon aukcji na Allegro i napotkałem pewien problem. Otóż Div "tresc" nie chce się rozciągać w dół, przez co tekst nachodzi na stopkę. Kod:

[HTML] pobierz, plaintext 
  1. <head>
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  3. <style type="text/css">
  4. body {
  5.         margin:0;
  6.         padding:0;
  7.         text-align:left;
  8.     }
  9. div {
  10.         position:relative;
  11.     }
  12. #container {    
  13.         width:1000px;
  14.     }	
  15. #pasek {
  16.         background:url(images/a_01.jpg) no-repeat;
  17.         width:1000px;
  18.         height:36px;
  19.     }
  20. #uzytkownik {
  21.         background:url(images/a_02.jpg) no-repeat;
  22.         width:445px;
  23.         height:50px;
  24. 		float:left;
  25.     }
  26. .uzytkownik_tresc {
  27. 		font-size:25px;
  28. 		font-family:Arial;
  29. 		color:#1d1d1d;
  30. 		padding-left:110px;
  31. 		padding-top:11px;
  32. 	}
  33. #kim_jestesmy {
  34.         background:url(images/a_03.jpg) no-repeat;
  35.         width:122px;
  36.         height:50px;
  37. 		float:left;
  38.     }
  39. #nasze_aukcje {
  40.         background:url(images/a_04.jpg) no-repeat;
  41.         width:121px;
  42.         height:50px;
  43. 		float:left;
  44.     }
  45. #opinie {
  46.         background:url(images/a_05.jpg) no-repeat;
  47.         width:116px;
  48.         height:50px;
  49. 		float:left;
  50.     }
  51. #pytanie {
  52.         background:url(images/a_06.jpg) no-repeat;
  53.         width:146px;
  54.         height:50px;
  55. 		float:left;
  56.     }
  57. #prawo {
  58.         background:url(images/a_07.jpg) no-repeat;
  59.         width:50px;
  60.         height:50px;
  61. 		float:left;
  62.     }
  63. .menu {
  64. 		height:50px;
  65. 		width:1000px;		
  66. 	}
  67. #logo {
  68.         background:url(images/a_08.jpg) no-repeat;
  69.         width:1000px;
  70.         height:201px;
  71.     }
  72. #tresc {
  73.         background:url(images/a_13.jpg);
  74.         width:712px;
  75.         height:11px;
  76. 		float:right;
  77.     }
  78. .tresc_naglowek {
  79. 		font-size:24px;
  80. 		font-family:Myriad Pro;
  81. 		color:#2e2e2e;
  82. 		padding-left:170px;
  83. 		float:left;
  84. 	}
  85. .tresc_tekst {
  86. 		font-size:12px;
  87. 		font-family:Arial;
  88. 		color:#666666;
  89. 		padding-top:70px;
  90. 		padding-left:170px;
  91. 	}
  92. .lewa_kolumna {
  93. 		width:288px;
  94. 		float:left;
  95. 	}
  96. #kontakt {
  97.         background:url(images/a_09.jpg) no-repeat;
  98.         width:288px;
  99.         height:33px;
  100.     }
  101. #platnosci {
  102.         background:url(images/a_12.jpg) no-repeat;
  103.         width:288px;
  104.         height:33px;	
  105.     }
  106. #lewo_tresc {
  107.         background:url(images/a_16.jpg);
  108.         width:288px;	
  109.     }
  110. #przesylka {
  111.         background:url(images/a_18.jpg) no-repeat;
  112.         width:288px;
  113.         height:33px;	
  114.     }
  115. #stopka {
  116.         background:url(images/a_20.jpg) no-repeat;
  117.         width:1000px;
  118.         height:88px;
  119. 		float:left;
  120. 		clear:both;
  121.     }
  122. #cale {
  123. 		background:url(images/cale.jpg) repeat-y;
  124. 	}
  125. </style>
  126. </head>
  127. <body>
  128. <div id="container">
  129.  
  130. <div id="pasek"></div>
  131.  
  132. <div class="menu">
  133. 	<div id="uzytkownik">
  134. 		<div class="uzytkownik_tresc">
  135. 			Twój nick
  136. 		</div>
  137. 	</div>
  138. 	<div id="kim_jestesmy"></div>
  139. 	<div id="nasze_aukcje"></div>
  140. 	<div id="opinie"></div>
  141. 	<div id="pytanie"></div>
  142. 	<div id="prawo"></div>
  143. </div>
  144.  
  145. <div id="logo"></div>
  146.  
  147. <div id="cale">
  148.  
  149. <div class="lewa_kolumna">
  150. 	<div id="kontakt"></div>
  151. 	<div id="lewo_tresc">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
  152. 	<div id="platnosci"></div>
  153. 	<div id="lewo_tresc">hjghj ghj g ghjghjghj ghjghj</div>
  154. 	<div id="przesylka"></div>
  155. 	<div id="lewo_tresc">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
  156. </div>
  157.  
  158. <div id="tresc">
  159. 	<div class="tresc_naglowek">Dowolna nazwa produktu</div>
  160. 	<div class="tresc_tekst">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</div>
  161. </div>
  162. <br style="clear: both;" />
  163. </div>
  164.  
  165. <div id="stopka"></div>
  166.  
  167.  
  168. </div>
  169. </body>
[HTML] pobierz, plaintext


Div z kolumnami po lewej normalnie się rozciąga, a środek już nie, Z góry wielkie dzięki za pomoc.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
O$iek
post
Post #2





Grupa: Nieautoryzowani
Postów: 45
Pomógł: 16
Dołączył: 28.02.2009

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

[CSS] pobierz, plaintext 
  1. #tresc {
  2.         background:url(images/a_13.jpg);
  3.         width:712px;
  4.         height:auto;
  5. 		float:right;
  6.     }
[CSS] pobierz, plaintext

Zmień height na auto.
Go to the top of the page
+Quote Post
Rinzler
post
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 25.06.2011

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

Wielkie dzięki ! Nie wiem jakim cudem to przeoczyłem (IMG:style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 11:06
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn