Forum PHP.pl > wysokosc diva jak wysokosci okna

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: wysokosc diva jak wysokosci okna

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

siutek

2.07.2007, 11:39:04

witam, problem jak w temacie. przeszukalem ta czesc forum, wszystkie 22 strony, ale nie moge znalezc odpowiedzi na powyzsze pytanie. zalezy mi na tym by div zawarty wewnatrz komorki tabeli, wydluzyl sie do calej wolnej przestrzeni jaka jest w oknie, tak by pasek przewijania w razie dluzszej zawartosci diva konczyl sie wraz z dolna krawedzia okna.

shpyo

2.07.2007, 14:16:28

HINT: http://riddle.jogger.pl/2007/03/07/rowne-k...ny-layoutu-css/

siutek

5.07.2007, 12:45:23

dzieki powyzszemu postowi poradzilem sobie ale tylko w IE uzywajac

[HTML] pobierz, plaintext 
display:table-cell;
[HTML] pobierz, plaintext

niestety w FF to nie dziala.

najzabawniejszy jest fakt, ze teoretycznie table-cell podobno nie dziala w IE, a dziala w FF. u mnie jest na odwrot, sprawdzane na 3 kompach

zna ktos sposobna FF??

adam187

5.07.2007, 13:11:40

Nie wiem czy dobrze zrozumiałem

ale tak na szybko :

[HTML] pobierz, plaintext 
<html>
<head>
<style >
body , html   { margin: 0 ;  padding: 0 ; height : 100% ; }
div {  height : 100% ; background: #e0e0e0 ;  }
</style>
</head>
<body>
 
<table style="width:400px;"  border="1">
  <tr>
    <td style="height:200px; ">
      <div style="height : 100% ; background: #e0e0e0 ; overflow:auto; " >
      test<br>      test<br>      test<br>      test<br>      test<br>      test<br>      test<br>      test<br>
      test<br>      test<br>      test<br>      test<br>      test<br>      test<br>      test<br>      test<br>
      test<br>      test<br>      test<br>      test<br>      test<br>      test<br>      test<br>      test<br>
      test<br>      test<br>      test<br>      test<br>      test<br>      test<br>     
      </div>
    </td>
  </tr>
</table>
 
</body>
</html>
[HTML] pobierz, plaintext

siutek

5.07.2007, 13:49:42

prawie, bo Twoje rozwiazanie spowoduje ze div dostosuje mi sie do wysokosci wyswietlanego tekstu, a nie do wysokosci okna przegladarki.

jeszcze raz: chce by pasek przewijania konczyl sie wraz z dolna krawedzia okna przegladarki. pasek wewnatrz diva, a nie pasek przegladarki.

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.