Loading:


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>
 




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-2024 v.1.5 | design: diviXdesign & rainbowcolors