Calcolare l'altezza di due div flottanti

kerotan

Calcolare l'altezza di due div flottanti

Edit:

greyfox

<script>
resize_div();
function resize_div(){
var mc=document.getElementById('primo_div');
var sd=document.getElementById('secondo_div');
var ss=document.getElementById('terzo_div');

if(mc.offsetHeight<=sd.offsetHeight && ss.offsetHeight<=sd.offsetHeight){
mc.style.height=(sd.offsetHeight-2)+'px';
ss.style.height=(sd.offsetHeight-2)+'px';
}else if(mc.offsetHeight<=ss.offsetHeight && sd.offsetHeight<=ss.offsetHeight){
mc.style.height=(ss.offsetHeight-2)+'px';
sd.style.height=(ss.offsetHeight-2)+'px';
}else if(ss.offsetHeight<=mc.offsetHeight && sd.offsetHeight<=mc.offsetHeight){
ss.style.height=(mc.offsetHeight-2)+'px';
sd.style.height=(mc.offsetHeight-2)+'px';
}
}
</script>

lo chiami con:

<body onload="javascript:resize_div()">

kerotan

Edit:

greyfox

Edit:

kerotan

Edit:

greyfox

Edit:

kerotan

Edit:

greyfox

Edit:

kerotan

Edit:

 	 		 			 				> * Inizia i messaggi con una maiuscola e termina con un punto.

Evita il linguaggio da telefonini.

<div id="cont">

<div id="uno">reformidans eos ei, nec eu scripta commune comprehensam. Nec ea meis nihil prompta. Vix ad ferri legendos, in mea ornatus contentiones intellegebat, ex ipsum gloriatur vix. Soluta eirmod has in, id pericula suscipiantur vel, per ne habemus noluisse ponderum. Eam an gubergren similique.>
</div>


<div id="due">bulas lobortis, vitae audire qui ne. Duo ex velit petentium, sea cu graeci persequeris.bulas lobortis, vitae audire qui ne. Duo ex velit petentium, sea cu graeci persequeris.</div>

<div id="tre">bulas lobortis, vitae audire qui ne. Duo ex velit petentium, sea cu graeci persequeris.</div>


</div>

greyfox

Edit:

 	 		 			 				> * Inizia i messaggi con una maiuscola e termina con un punto.

[php]
$r='<srcipt>';
$c0=0;
$c1=0;

while(...){

$r.="<div id='cont".$c0."'>

<div id='div".$c0."-".$c1."'>reformidans eos ei, nec eu scripta commune comprehensam. Nec ea meis nihil prompta. Vix ad ferri legendos, in mea ornatus contentiones intellegebat, ex ipsum gloriatur vix. Soluta eirmod has in, id pericula suscipiantur vel, per ne habemus noluisse ponderum. Eam an gubergren similique.>
</div>

<div id='div".$c0."-".$c1."'>bulas lobortis, vitae audire qui ne. Duo ex velit petentium, sea cu graeci persequeris.bulas lobortis, vitae audire qui ne. Duo ex velit petentium, sea cu graeci persequeris.</div>

<div id='div".$c0."-".$c1."'>bulas lobortis, vitae audire qui ne. Duo ex velit petentium, sea cu graeci persequeris.</div>

</div>";

$r.="<script>
var mc=document.getElementById('div".$c0."-".$c1."');
var sd=document.getElementById('div".$c0."-".$c1.");
var ss=document.getElementById('div".$c0."-".$c1."');

if(mc.offsetHeight<=sd.offsetHeight && ss.offsetHeight<=sd.offsetHeight){
mc.style.height=(sd.offsetHeight-2)+'px';
ss.style.height=(sd.offsetHeight-2)+'px';
}else if(mc.offsetHeight<=ss.offsetHeight && sd.offsetHeight<=ss.offsetHeight){
mc.style.height=(ss.offsetHeight-2)+'px';
sd.style.height=(ss.offsetHeight-2)+'px';
}else if(ss.offsetHeight<=mc.offsetHeight && sd.offsetHeight<=mc.offsetHeight){
ss.style.height=(mc.offsetHeight-2)+'px';
sd.style.height=(mc.offsetHeight-2)+'px';
}</script>";

$c0++;
$c1++;

}

return $r;
[/php]

kerotan

Edit:

 	 		 			 				> * Inizia i messaggi con una maiuscola e termina con un punto.

kerotan

Edit:

 	 		 			 				> * Inizia i messaggi con una maiuscola e termina con un punto.

Evita il linguaggio da telefonini.

greyfox

Edit:

 	 		 			 				> * Inizia i messaggi con una maiuscola e termina con un punto.

kerotan

Edit:

 	 		 			 				> * Inizia i messaggi con una maiuscola e termina con un punto.

Evita il linguaggio da telefonini.

greyfox

Edit:

 	 		 			 				> * Inizia i messaggi con una maiuscola e termina con un punto.

[php]

<srcipt>
var c0=0;
var c1=0;
var r="<div id="container">";

while(/qui va la condizione che serve a te/){

r+="<div id='cont"+c0+"'>"+

"<div id='div"+c0+"-"+$c1+"'>reformidans eos ei, nec eu scripta commune comprehensam. Nec ea meis nihil prompta. Vix ad ferri legendos, in mea ornatus contentiones intellegebat, ex ipsum gloriatur vix. Soluta eirmod has in, id pericula suscipiantur vel, per ne habemus noluisse ponderum. Eam an gubergren similique.>"+
"</div>"+

"<div id='div"+c0+"-"+c1+"'>bulas lobortis, vitae audire qui ne. Duo ex velit petentium, sea cu graeci persequeris.bulas lobortis, vitae audire qui ne. Duo ex velit petentium, sea cu graeci persequeris.</div>"+

"<div id='div"+c0+"-"+c1+"'>bulas lobortis, vitae audire qui ne. Duo ex velit petentium, sea cu graeci persequeris.</div>

</div>";

r+="<script>
var mc=document.getElementById('div"+c0+"-"+c1+"');
var sd=document.getElementById('div"+c0+"-"+c1+");
var ss=document.getElementById('div"+c0+"-"+c1+"');

if(mc.offsetHeight<=sd.offsetHeight && ss.offsetHeight<=sd.offsetHeight){
mc.style.height=(sd.offsetHeight-2)+'px';
ss.style.height=(sd.offsetHeight-2)+'px';
}else if(mc.offsetHeight<=ss.offsetHeight && sd.offsetHeight<=ss.offsetHeight){
mc.style.height=(ss.offsetHeight-2)+'px';
sd.style.height=(ss.offsetHeight-2)+'px';
}else if(ss.offsetHeight<=mc.offsetHeight && sd.offsetHeight<=mc.offsetHeight){
ss.style.height=(mc.offsetHeight-2)+'px';
sd.style.height=(mc.offsetHeight-2)+'px';
}</script>";

c0++;
c1++;

}

r=r+"</div>";

body.innerHTML(r);

</script>
[/php]

kerotan

Edit:

Evita il linguaggio da telefonini.

greyfox

Edit:

kerotan


<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Equal Height Columns</title>
    <style type="text/css">
      #container { overflow: hidden; }
      div { float: left; background: #ccc; width: 200px; margin-bottom: -2000px; padding-bottom: 2000px; }
      .col2 { background: #eee; }
    </style>
</head>

<body>
    <div id="container">
       <div>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ac lectus ac ligula cursus ullamcorper. Aliquam iaculis nonummy libero. Nulla nisi libero, faucibus quis, egestas non, congue vel, dolor. Nulla facilisi. Quisque non metus malesuada libero suscipit cursus. Nam eget metus. Aliquam non quam. Integer sit amet pede eu est gravida fermentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vulputate tempus felis. Vestibulum tincidunt elit sit amet est. Sed ultricies tempus enim. Curabitur quam augue, fringilla ac, imperdiet et, dignissim sit amet, erat. Aenean ornare. Quisque turpis neque, suscipit pretium, aliquet sed, eleifend vitae, elit. Ut velit neque, venenatis non, convallis at, nonummy tincidunt, nisl. Morbi sapien.</p>
       </div>
       <div class="col2">
          <p>Praesent mauris. Proin arcu. Maecenas elementum. Curabitur congue, ante ut pretium suscipit, lectus elit porttitor arcu, ac porta magna ante sit amet nulla. Suspendisse sed tellus. In eget mi in risus adipiscing lobortis. Nam lobortis ipsum quis nibh. Donec odio. Nullam fermentum, leo id condimentum viverra, augue nibh viverra dui, in placerat arcu sapien nec velit. Nunc tincidunt molestie elit. Sed est mi, posuere vitae, congue vitae, pulvinar vel, enim. Morbi vestibulum erat sed risus. Nulla facilisi.</p>
         <p>Integer nec neque. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent dictum venenatis velit. Morbi interdum eleifend sapien. Morbi a mauris. Nulla auctor varius elit. Mauris id nibh ac orci egestas gravida. Nam orci. Fusce dui. Nulla interdum pharetra mauris. Sed fermentum purus ac lectus. Vivamus et dui ac quam vehicula tristique. Cras sem. Integer non nisi commodo elit sagittis interdum.</p>
       </div>
       <div>
          <p>Morbi feugiat metus sit amet urna. Etiam faucibus diam at mi egestas elementum. Mauris tempus, neque quis scelerisque lacinia, risus purus ornare enim, ut dignissim ante leo quis mauris. Maecenas pellentesque. Nulla magna metus, pretium et, scelerisque sed, faucibus lacinia, ante. Ut placerat. Phasellus a sapien. Donec porttitor tincidunt velit. Pellentesque eget sem. Duis ac sem ac sapien euismod consequat. Ut tortor urna, bibendum sed, fringilla sit amet, tempor quis, ipsum. Sed vehicula tempor nibh. Aliquam et nunc.</p>
         <p>Curabitur sapien risus, vulputate quis, lacinia eu, tincidunt ut, pede. Sed nec tortor eu quam interdum molestie. Sed sodales iaculis ligula. Sed non nulla vel nibh imperdiet elementum. Vestibulum augue lorem, cursus vel, faucibus vel, euismod in, sem. Sed vitae quam a dolor pulvinar cursus. Pellentesque molestie, libero sit amet auctor venenatis, velit odio condimentum elit, eu rhoncus justo risus a justo. Sed quis pede. Aliquam erat volutpat. Sed diam est, imperdiet at, convallis et, congue vel, ante.</p>
       </div>
    </div>
</body>

</html>
```**Edit:**

> * Inizia i messaggi con una maiuscola e termina con un punto.

micheleska

Edit:

kerotan

Edit: