Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Jak rozciągnąć diva na 100% wysokości?
windman
post
Post #1





Grupa: Zarejestrowani
Postów: 184
Pomógł: 13
Dołączył: 7.01.2008

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


Witam,

Z tabelką nie było problemu, dla komórki height="100%" i komórka dostosowywała się do wys. okna.
Z divem height:100% nie działa.

Jest na to jakiś sposób?

Pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
wookieb
post
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Kod
body
{
height: 100%;
}
div#caly
{
height: 100%;
}
Go to the top of the page
+Quote Post
windman
post
Post #3





Grupa: Zarejestrowani
Postów: 184
Pomógł: 13
Dołączył: 7.01.2008

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


Cytat(wookieb @ 10.09.2008, 14:13:52 ) *
Kod
body<BR>{<BR>height: 100%;<BR>}<BR>div#caly<BR>{<BR>height: 100%;<BR>}


Niestety nie dizała...

Mój kod:

  1. <?php
  2. <div id="container">  
  3.   <div id="container2">  
  4.    <div id="left"></div>
  5.    <div id="right">
  6.     <div id="right_top"></div>
  7.     <div id="right_bottom">
  8.      <div id="content"> </div>
  9.     </div>
  10.    </div>
  11.   </div>
  12.  </div>
  13.  
  14. body {
  15. background-color#060708;
  16. background-imageurl(images_main/background.gif);
  17. margin0;
  18. padding0;
  19. text-alligncenter;
  20. height100%;
  21. }
  22.  
  23. #container{
  24. width1006px;
  25. margin0 auto;
  26. height100%;
  27. background-colorwhite;
  28. }
  29.  
  30. #container2{
  31. width1006px;
  32. height640px;
  33. positionabsolute;
  34. top50%;
  35. margin-top320px;  
  36. left50%;
  37. margin-left503px;
  38. background-imageurl(images_page/background_picture.jpg);
  39. }
  40.  
  41. #left{
  42. displayinline;
  43. floatleft;
  44. width220px;
  45. height640px;
  46. margin0 auto;
  47. margin-left87px;
  48. }
  49.  
  50. #right{
  51. displayblock;
  52. floatleft;
  53. width611px;
  54. height640px;
  55. }
  56.  
  57. #right_top{
  58. floatleft;
  59. width611px;
  60. height174px;
  61. }
  62.  
  63. #right_bottom{
  64. floatleft;
  65. width611px;
  66. height395px;
  67. overflowscroll;
  68. overflow-xhidden;
  69. scrollbar-base-color#424242;
  70. scrollbar-arrow-color#FFFFFF;
  71. scrollbar-3dlight-color#ffffff;
  72. scrollbar-darkshadow-color#424242;
  73. scrollbar-face-color#424242;
  74. scrollbar-highlight-color#262727;
  75. scrollbar-shadow-color#262727;
  76. scrollbar-track-color#b4b4b4;
  77. }
  78.  
  79. #content{
  80. width550px;
  81. height410px;
  82. padding20px;
  83. padding-right0;
  84. text-alignjustify;
  85. line-height145%;
  86. }
  87.  
  88. #content{
  89. font-familyverdana,arial;
  90. colorwhite;
  91. font-size12px;
  92. }
  93. ?>


Ten post edytował windman 10.09.2008, 13:50:07
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 11.10.2025 - 07:19