Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [xhtml][css] Position absolute
rafaelb
post
Post #1





Grupa: Zarejestrowani
Postów: 49
Pomógł: 2
Dołączył: 17.01.2004

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

Czemu position w 4 zagnieżdżonych divach odwołują sie do body a nie diva o klasie div_product ?
Chciałbym by 1 div był po lewej a 3 po prawej i najlepiej rozłożone równomiernie w pionie lub górny na górze a dolny na dole.

Lub może ktoś może doradzić jak to lepiej zrobić ? (wiem można w tabelce)


[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3.  
  4. <head>
  5. 	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  6. 	<title>Untitled 2</title>
  7.  
  8. <style type="text/css">
  9.  
  10. .div_product{
  11. 	border: 1px solid red;
  12. 	width:  320px;
  13. 	height: 78px;		
  14. }
  15.  
  16. .div_product_img
  17. {
  18. 	width:  120px;
  19. 	height: 78px;
  20. 	background-color: #cfcdb9;
  21. 	position: absolute;
  22. 	top: 0px;
  23. 	left: 0px;
  24. }
  25. .div_product_name
  26. {
  27. 	position: absolute;
  28. 	top: 0px;
  29. 	left: 130px;
  30. 	color: #bc5739;
  31. 	font-size: 18px;
  32. 	font-weight: bold;
  33. }
  34. .div_product_desc
  35. {
  36. 	position: absolute;
  37. 	top: 20px;
  38. 	left: 130px;	
  39. 	color: #6e6b4c;
  40. 	font-size: 10px;
  41. 	font-weight: bold;	
  42. }
  43. .div_product_more
  44. {
  45. 	position: absolute;
  46. 	bottom: 0px;
  47. 	left: 130px;	
  48. 	color: #fff;
  49. 	font-weight: bold;
  50. 	width:  70px;
  51. 	height: 14px;
  52. 	text-align: center;
  53. }
  54. 	</style>
  55.  
  56. </head>
  57.  
  58. <body>
  59.  
  60. <div class="div_product">
  61. 	<div class="div_product_img"></div>
  62. 	<div class="div_product_name">Lorem ipsum </div>
  63. 	<div class="div_product_desc">Ad viderer maiorum omittam per. Eam veritus legendos cu, mea et tation minimum.</div>
  64. 	<div class="div_product_more">lorem</div>
  65. </div>
  66.  
  67. </body>
  68. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
revyag
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

Bo dla tego diva też musisz ustawić position.


--------------------
-------------

------
Go to the top of the page
+Quote Post
rafaelb
post
Post #3





Grupa: Zarejestrowani
Postów: 49
Pomógł: 2
Dołączył: 17.01.2004

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

Cytat(revyag @ 31.07.2007, 11:40:38 ) *
Bo dla tego diva też musisz ustawić position.


Dzięki działa
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

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

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

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