Loading:

Zaplanuj Przeprowadzke - Ściągnij Darmową Aplikację na Androida

Jak ustawić dwa divy obok siebie aby miały te same wysokości

Pokaże wam jak ustawić dwa divy obok siebie, dodatkowo będą one miały tą samą wysokość nie zależnie od tego ile tekstu będzie miał jeden z nich jest to bardzo pożyteczny skrypt.


Jak widać na poniższym listingu skrypt sprawdza wysokość div1 i jeśli jest ona większa od div2 to div2 przyjmuje wysokość div1 jeśli div1 jest mniejszy od div2 przyjmuje wysokość div2. Proste :)



Napisz Artykuł

Listing

<div id="div1" style="float:left;"></div>
<div id="div2"></div>

<script type="text/javascript">
var div1 = document.getElementById('div1').offsetHeight;
var div2 = document.getElementById('div2').offsetHeight;
if(div1>div2){
document.getElementById('div2').style.height = div1 + 'px';
}else{
document.getElementById('div1').style.height = div2 + 'px';
}
</script>
 


Ten wpis posiada swój wątek na forum

Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane

http://forum.funkcje.net/forum/viewtopic.php?f=2&t=1779

Dane do logowania na forum są takie same jak na funkcje.net



Dodano przez: igor
Ranga: Administrator serwisu Punktów: 28716
Komentarze użytkowników
A jak zrobić, żeby same divy wyśrodkować? Nie chodzi o ich zawartość.
autor: sebulek | 5475 | 2010-03-20 18:22:37


    • Treść komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-17 v.1.5 | design: diviXdesign & rainbowcolors