Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Div zależy od diva w środku
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
konradinho
14.04.2010, 18:38:57
Witam.

Na wstępie dodam, że przeglądałem wątki na ten temat ale, żadna metoda nie jest skuteczna. A mianowicie.

Mam diva lewego, prawego i środkowego. Wrzuciłem to do jednego diva któremu dałem overflow: hidden(tak wyczytałem). Chciałem aby zwiększanie się treści w divie o nazwie środek powodowało również zwiększanie się diva "all" (lewy,prawy,środek). Czy ktoś ma jakiś pomysł na rozwiązanie tego problemu?

Z góry dziękuję za propozycje.

CSS:

[HTML] pobierz, plaintext 
  1. #prawe {
  2.  
  3. 	position: absolute;
  4. 	margin-left:832px;
  5. 	width: 192px;
  6. 	min-height: 800px;
  7. 	height:auto;
  8. 		background-color:#EAEAEA;
  9.  
  10. }
  11. #lewe {
  12. 	width: 228px;
  13. 	min-height: 800px;
  14. 	height:auto;
  15. 	text-align:center;
  16. 	position: absolute;
  17. 	font-size: 12px;
  18. 		background-color:#EAEAEA;
  19.  
  20.  
  21. }
  22. #srodek {
  23. 	position: absolute;
  24. 	margin-left: 227px;
  25. 	width: 605px;
  26. 	min-height: 800px;
  27. 	height:auto;
  28. 	background-color:#EAEAEA;
  29. }
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <div align="center" id="all" style="min-height:810px; height:auto; overflow:hidden; display:block; width:1024px; background-color:#EAEAEA; margin-left: auto; margin-right: auto;">
  2.  
  3. <div id="srodek">
  4. TREŚĆ
  5. </div>
  6. <div id="lewe"><br /><?php
  7. include('login.php');
  8. include('include/lewe.php');
  9. ?>
  10.   </div>
  11.   <div id="prawe"><br /><?php include('include/prawe.php');
  12. ?></div>
  13. </div>
[HTML] pobierz, plaintext
pedro84
14.04.2010, 19:04:34
Kod
overflow:auto;
krzysztof_kf
14.04.2010, 19:07:41
Ale bajzer 

[CSS] pobierz, plaintext 
  1. <!DOCTYPE html
  2.         PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <head>
  6. </head>
  7. <body>
  8. <style>
  9.  
  10. #header {
  11. width:1024px;
  12. margin: 0 auto;
  13. background-color:#EAEAEA;
  14. }
  15.  
  16.  
  17. #content {
  18. width:1024px;
  19. overflow: hidden;
  20. margin: 0 auto;
  21. background-color:#EAEAEA;
  22. }
  23.  
  24. #lewa {
  25. 	width: 228px;
  26.         float: left;
  27.  
  28. }
  29. #srodek {
  30. 	width: 528px;
  31.         float: left;
  32.  
  33.  
  34. }
  35. #prawa {
  36. 	width: 205px;
  37. 	float: left;
  38. }
  39. </style>
  40.  
  41. <div id="header">
  42. TREŚĆ
  43. </div>
  44. <div id="content">
  45. <div id="lewa"><?php
  46. include('login.php');
  47. include('include/lewe.php');
  48. ?>
  49. </div>
  50. <div id="srodek">
  51. ble ble
  52.   </div>
  53.   <div id="prawa"><?php include('include/prawe.php');
  54. ?></div>
  55. </div>
  56. </body>
  57. </html>
[CSS] pobierz, plaintext
konradinho
14.04.2010, 20:09:29
@krzysztof_kf

Podziękował winksmiley.jpg
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.