$(document).ready(function(){
var kutusay = $('#AltSidebar .widget-container').length;
var sutunsay = 3;
var enyuksek = new Array(parseInt(kutusay/sutunsay) + 1);
for (var i = 0; i < enyuksek.length; i++) {enyuksek[i] =0;}
$('#AltSidebar .widget-container').each(function(){
var ind = parseInt($(this).index()/sutunsay);
if($(this).height() > enyuksek[ind]){enyuksek[ind] = $(this).height();}
});
$('#AltSidebar .widget-container').each(function(){
var ind = parseInt($(this).index()/sutunsay);
$(this).height(enyuksek[ind]);
});
});
Div'lerin Yüksekliğini Eşitlemek |
6 Mesajlar | 4.016 Okunma | ||
- Üyelik 04.12.2011
- Yaş/Cinsiyet 34 / E
- Meslek .
- Konum İzmir
- Ad Soyad ** **
- Mesajlar 2376
- Beğeniler 704 / 791
- Ticaret 1, (%100)
Merhaba arkadaşlar. :) Birden fazla satırda yan yana ve alt alta bulunan div'lerin yüksekliklerini satır ve sütuna göre eşitleyen bir yöntem arıyorum. Örneğin 3 div var. 100, 200 ve 300 px yüksekliğinde. İlk satırda 300 px olarak 3 div'i eşitleyecek. Fakat 2. satıra geçildiğinde en büyük div yüksekliği 500 ise 2. satırdaki 3 div 500 px olacak. Bende kodu var fakat pek sağlıklı çalıştığını söyleyemem. Sonraki satırdaki ilk div'e, bir önceki satırdaki en yüksek div'in yüksekliğini atıyor. Yani pek iyi çalışmıyor. Yardımlarınızı bekliyorum. Şimdiden teşekkürler. :o
- Üyelik 06.11.2012
- Yaş/Cinsiyet 34 / E
- Meslek Frontend Developer
- Konum Tekirdağ
- Ad Soyad S** A**
- Mesajlar 255
- Beğeniler 131 / 61
- Ticaret 0, (%0)
ben genelde şunu kullanırım işe yarar;
$(function(){
var div1 = $("#div1").height();
var div2 = $("#div2").height();
if(div1 > div2){
$("#div2").height(div1);
}else{
$("#div1").height(div2);
}
});
- Üyelik 04.12.2011
- Yaş/Cinsiyet 34 / E
- Meslek .
- Konum İzmir
- Ad Soyad ** **
- Mesajlar 2376
- Beğeniler 704 / 791
- Ticaret 1, (%100)
ben genelde şunu kullanırım işe yarar;
$(function(){
var div1 = $("#div1").height();
var div2 = $("#div2").height();
if(div1 > div2){
$("#div2").height(div1);
}else{
$("#div1").height(div2);
}
});
Yok dostum biliyorsun ki bu 2 div için. Ben mesela kodlarda 10 olarak değiştirdiğim zaman gerekirse 10 div'i de karşılaştırabilsin istiyorum. Bir de satırdan satıra ayırsın istiyorum. Yine de fikir verdiğin için sağol. Arkadaşlar daha iyi fikri olan varsa bekliyorum. :)
- Üyelik 19.09.2013
- Yaş/Cinsiyet 33 / E
- Meslek web yazılım
- Konum Antalya
- Ad Soyad ** **
- Mesajlar 1
- Beğeniler 0 / 0
- Ticaret 0, (%0)
merhaba arkadaşlar sorunu tam olarak anlamadım biraz detaylı anlatırsan yardımcı olabilirim veya site üzerindende anlatabilirsiniz.
- Üyelik 04.12.2011
- Yaş/Cinsiyet 34 / E
- Meslek .
- Konum İzmir
- Ad Soyad ** **
- Mesajlar 2376
- Beğeniler 704 / 791
- Ticaret 1, (%100)
merhaba arkadaşlar sorunu tam olarak anlamadım biraz detaylı anlatırsan yardımcı olabilirim veya site üzerindende anlatabilirsiniz.
Diyelim ki float left komutuyla sıralanmış 10 tane div var. Genişlikleri eşit. 5'i ilk satırda, diğer 5'i ikinci satırda. 2. satıra geçişte herhangi bir ara kod yok. Fakat ilk 5'inin yükseklikleri eşit değil. Sırasıyla 50, 100, 500, 300, 400px. Ben burada en yüksek olanın bulunmasını ve ilk satırdaki div'lerin yüksekliğinin eşit olmasını istiyorum. Yani 500px olması gerekiyor. 2. satırdakiler 50, 125, 75, 100, 25px olsun. 2. satırdaki tüm div'ler 125px değerini alsın. Kaç satır ve sütun olursa olsun, ben bu kodla div'lerin yükseklikleri eşitlensin istiyorum. Umarım bu sefer daha anlaşılır olmuştur. Şimdiden sağ olun. :)
- Üyelik 12.06.2012
- Yaş/Cinsiyet 38 / E
- Meslek Öğretmen
- Konum Samsun
- Ad Soyad O** Y**
- Mesajlar 1722
- Beğeniler 398 / 400
- Ticaret 20, (%100)
Lorem Ipsum sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam odio, laoreet eu eleifend sed, porttitor nec tortor. Etiam dignissim sodales tempor. Aliquam ut dictum nibh. Praesent tristique tempor mi at dignissim. Phasellus commodo mauris leo, et lobortis risus. Donec vehicula vulputate risus at convallis. Ut ut elit vitae mauris sagittis blandit non nec risus. Morbi neque urna, pretium eget posuere eget, pharetra vel risus. Cras euismod laoreet fermentum. Nulla non dui ipsum, in malesuada enim. Duis blandit turpis arcu.
jquery bilmiyorum ama buna uyarlayabiliyorsan yapabilirsin. ;)
.