Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css]wysokosc div
Forum PHP.pl > Forum > Przedszkole
blizniak
26.12.2008, 14:07:43 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3.  <HEAD>
  4.  
  5.  
  6.  <style type="text/css">
  7. html, body {
  8. 	background-color: #91bd3f;
  9. 	}
  10.  
  11. div#nifty{ width: 800px; margin: 0 auto; margin-top: 15px; background: #f2f2f0; }
  12.  
  13. b.rtop, b.rbottom{display:block;background: red; } /*narozniki div u gory */
  14. b.rbottom{background: red; } /*narozniki div na dole */
  15.  
  16. b.rtop b, b.rbottom b{display:block;height: 1px;
  17.     overflow: hidden; background: #f2f2f0;  }
  18. b.r1{margin: 0 5px}
  19. b.r2{margin: 0 3px}
  20. b.r3{margin: 0 2px}
  21. b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
  22.  
  23. div#menu_lewe{ float: left; width: 197px; margin: 0 auto; margin-top: 0px; background: #f2f2f0; margin-left: 0px;margin-bottom:15px;  }
  24.  
  25. #tresc {
  26. 	width: 589px;
  27. 	margin: 0 auto;
  28. 	margin-left: 200px;
  29. 	margin-top: 5px;
  30. 	border: 2px solid;
  31. 	border-style: groove;
  32. 	border-color: #f2f2f0;
  33. 	background: #ffffff;
  34. 	}
  35. </style>
  36.  
  37.  </HEAD>
  38.  
  39.  <BODY>
  40.   <div id="nifty">
  41. <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
  42.  
  43.  
  44. <div id="menu_lewe">
  45. sdfdsf<br>kjhnkjj<br>jkbhjk<br>jbkjkjkkjh<br><br><br>kknlk;
  46. </div>
  47.  
  48.  
  49. <div id="tresc">
  50. sdfdsf<br>kjhnkjj
  51. </div>
  52.  
  53.  
  54. <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
  55. </div>
  56.  </BODY>
  57. </HTML>
[HTML] pobierz, plaintext

moze ktos napisac co trzeba ustawic aby w przypadku gdy div id=menu jest dluzszy od div id=tresc, to zeby tlo tego glownego div rozwijalo sie na cale te dwa divy
screen
http://c.wrzuta.pl/wi9978/561911500001ef9f...oT3zkB&ft=f
piotrooo89
26.12.2008, 14:24:38
http://perfectionorvanity.com/2007/03/07/r...ny-layoutu-css/
blizniak
26.12.2008, 15:34:43
no ok po dodaniu display:table-cell; do
div#nifty{ width: 800px; margin: 0 auto; margin-top: 15px; background: #f2f2f0; display:table-cell; }
div rozjezdzaja sie dobrze, tylko ze jest problem z zaokraglonymi naroznikami
w przypadku gdy div id=tresc jest dluzszy od div id=menu jest ok
http://c.wrzuta.pl/wi14084/fef5f7e800151d1...a5vHGL&ft=f

natomiast w przypadku gdy jest odwrotnie narozniki zostaja tam gdzie konczy sie div id=tresc
http://c.wrzuta.pl/wi19905/abeb41d20009924...jRtSdI&ft=f
narozniki te czerwone punkty
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.