Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [css]wysokosc div
blizniak
post 26.12.2008, 14:07:43
Post #1





Grupa: Zarejestrowani
Postów: 253
Pomógł: 0
Dołączył: 14.04.2005

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

[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
Go to the top of the page
+Quote Post
piotrooo89
post 26.12.2008, 14:24:38
Post #2


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
http://perfectionorvanity.com/2007/03/07/r...ny-layoutu-css/


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
blizniak
post 26.12.2008, 15:34:43
Post #3





Grupa: Zarejestrowani
Postów: 253
Pomógł: 0
Dołączył: 14.04.2005

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

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
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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 Wersja Lo-Fi Aktualny czas: 19.07.2025 - 15:34
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn