[JavaScript][jquery] Wyrównanie w pionie Opcje

[Nazir]

Witam! Czy istnieje sposób na wyrównanie kolumn w pionie korzystając z biblioteki jquery ? Nie potrafię nic konkretnego na ten temat w necie znaleźć . Z góry dziękuję za każdą pomocną informację !

Ten post edytował Nazir 29.04.2009, 11:42:53

[sowiq]

http://www.nealgrosskopf.com/tech/thread.asp?pid=37

Znalezione po wpisaniu do Google: jquery vertical align

[edit]
Jeszcze prostszy sposób: http://seodenver.com/2008/09/08/simple-ver...gin-for-jquery/

Ten post edytował sowiq 29.04.2009, 11:51:42

[Nazir]

dzięki !

Jakoś nie potrafi mi tego wyrównać mam stronę z 3 kolumnami w pionie. korzystałem z jquery przy zaokrąglaniu divów i pomyślałem, że może wyrównam również kolumny za pomocą tej biblioteki. Ale do konca nie wiem jak... Może jest jakiś inny (lepszy sposób). Z góry dzięki za info.

[sowiq]

W sposobie ze strony http://seodenver.com/2008/09/08/simple-ver...gin-for-jquery/ zamień .height(); na .attr('offsetHeight') + 'px'; To pierwsze co przychodzi mi do głowy. A jak nie, to będziesz musiał rzucić kodem.

[Nazir]

No i coś się stało ale nie chodziło mi o to... Wycentrowały sie moje kolumny. A mi chodzi o to, że mam 3 kolumny lewa i prawa ma mało tresci, natomiast środkowa dużo. chciałbym by te dwie boczne wydłużyły sie do poziomu tej środkowej. MOże są jakieś inne sposoby godne uwagi ? Uparłem sie na jquery ponieważ jak wcześniej napisałem użyłem już tej biblioteki wczesniej . Przepraszam że tak zrzędzę ale dopiero zaczynam sie uczyć Pozdrawiam

[sowiq]

Napisałeś o wyśrodkowaniu w pionie, a nie o ustawieniu wysokości, więc dostałeś odpowiedź jak wyśrodkować w pionie.

Sprawa jest dosyć prosta.

Najpierw pobierasz sobie wszystkie wysokości:

[HTML] pobierz, plaintext 
var h1 = $('#kolumna1').attr('offsetHeight');
var h2 = $('#kolumna2').attr('offsetHeight');
var h3 = $('#kolumna3').attr('offsetHeight');
[HTML] pobierz, plaintext 

Potem wyszukujesz największą z nich:

[HTML] pobierz, plaintext 
var maxH = Math.max(h1, Math.max(h2, h3));
[HTML] pobierz, plaintext 

i ustawiasz wszystkim wysokość najwyższego elementu:

[HTML] pobierz, plaintext 
$('#kolumna1').css('height', maxH + 'px');
$('#kolumna2').css('height', maxH + 'px');
$('#kolumna3').css('height', maxH + 'px');
[HTML] pobierz, plaintext 

Koniec.

Ten post edytował sowiq 30.04.2009, 13:19:36

[Nazir]

Dzięki !! Fakt moja wina. Źle zapytałem. Ale przy okazji nauczyłem się czegoś nowego i pewnie kiedyś wykorzystam ! Jeszcze raz dzieki Pozdrawiam