![Weso³ych ¦wi±t ;]](http://funkcje.net/images/logo_christmas.png){kind=logo}
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 :)
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>
<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: 0
Ranga: Administrator serwisu Punktów: 0
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
-
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno
