Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Divy o równych wysokościach
michau85
post 19.03.2013, 21:58:51
Post #1





Grupa: Zarejestrowani
Postów: 87
Pomógł: 1
Dołączył: 3.01.2010

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


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.
Go to the top of the page
+Quote Post
mar1aczi
post 20.03.2013, 09:08:32
Post #2





Grupa: Zarejestrowani
Postów: 731
Pomógł: 141
Dołączył: 9.05.2011
Skąd: śląskie

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


http://matthewjamestaylor.com/blog/equal-h...er-css-no-hacks


--------------------
Szanuj innych czas! Kliknij , gdy pomocną wskazówkę otrzymasz.
Go to the top of the page
+Quote Post
kayman
post 20.03.2013, 12:24:25
Post #3





Grupa: Zarejestrowani
Postów: 556
Pomógł: 40
Dołączył: 20.07.2012
Skąd: Warszawa

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


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. });


Ten post edytował kayman 20.03.2013, 12:26:31
Go to the top of the page
+Quote Post
!*!
post 20.03.2013, 12:30:42
Post #4





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


Było już setki razy, użyłbyś wyszukiwarki na forum. http://jsfiddle.net/7ne8v/


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 24.07.2025 - 17:10