Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Divy o równych wysokościach
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
michau85
Witajcie. Mam taką sytuację:

  1. <div id="pojemnik">
  2. <div id="lewy"> </div>
  3. <div id="prawy"> </div>
  4. </div>


Wszystkie divy mają ustawioną jedynie szerokość w procentach Divy 'lewy' i 'prawy' znajdują się obok siebie (float) - mają być kolumnami. W 'lewym' divie jest więcej tekstu przez co jest on wyższy niż 'prawy' div. Chciałbym aby 'prawy' div miał taką samą wysokość co 'lewy' mimo mniejszej ilości tekstu. Co zrobić? Czy da się coś w ogóle zrobić? Pomóżcie. Ustawienie stałej wysokości w stylu nie wchodzi w grę. Z góry dziękuję za pomoc.
kayman
w jquery

  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3. var mainheight = $(window).height() - 56; // to minus 56 odlicza mi wysokośc nagłówka w twoim przypadku będzie bez tego lub sobie dobierz wartość
  4. if(mainheight < $('#prawy').height()) {
  5. mainheight = $('#prawy').height();
  6. }
  7. $('#lewy').css('height', mainheight);
  8. });
  9.  
  10. $(window).resize(function() {
  11. var mainheight = $(window).height() - 56; // jak wyzej
  12. if(mainheight < $('#prawy').height()) {
  13. mainheight = $('#prawy').height();
  14. }
  15. $('#lewy').css('height', mainheight);
  16. });
!*!
Było już setki razy, użyłbyś wyszukiwarki na forum. http://jsfiddle.net/7ne8v/
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.