Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Jak rozciągnąć diva na 100% wysokości?
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
windman
10.09.2008, 13:10:07
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
wookieb
10.09.2008, 13:13:52
Kod
body
{
height: 100%;
}
div#caly
{
height: 100%;
}
windman
10.09.2008, 13:37:14
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:

[PHP] pobierz, plaintext 
  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. ?>
[PHP] pobierz, plaintext
webber
10.09.2008, 14:13:48
http://www.dave-woods.co.uk/?p=144
windman
10.09.2008, 14:28:38
Cytat(webber @ 10.09.2008, 15:13:48 ) *
http://www.dave-woods.co.uk/?p=144


To jeszcze jedno, dlaczego to działa w html'u, natomiast w xhtmlu nie.
Wystarczy zmienić deklarację na: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> i już nie działa.
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.