28/09/2013, 13:59
|
 | Me alejo de Omelas | | Fecha de Ingreso: mayo-2004 Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años, 6 meses Puntos: 834 | |
| Respuesta: libreria para elementos flotantes
Te había entendido que querías algo así:
Código:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
#padre div{ border:1px dashed #000; margin:2px;}
</style>
</head>
<body>
<div id="padre">
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TTEXTO EXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTOTEXTO TEXTO TEXTTEXTO O TEXTO</div>
<div style="float:left; width:100px;">TEXTEXTO TO TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTEXTO TO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TETO TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTOTEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TETEXTO XTTEXTO O TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXO TEXTTEXTO O TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO </div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;"> TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TETEXTO TEXTO XTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTOTEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO</div>
<div style="float:left; width:100px;">TEXTO TEXTO TEXTO TEXTO TEXTO</div>
</div>
<script type="text/javascript">
if (!Array.prototype.forEach){
Array.prototype.forEach = function(fun){
if (typeof fun != "function") throw new TypeError();
for (var i = 0,l=this.length; i < l; i++) {
if (i in this) fun.call(arguments[1], this[i], i);
}
return this;
}
}
var mx=0;
try{
var els=Array.prototype.slice.call(document.getElementById('padre').getElementsByTagName('div'));
}catch(e){
var tmpel=document.getElementById('padre').getElementsByTagName('div'),i=0,l=tmpel.length,els=[];for(;i<l;i++){els[i]=tmpel[i]};
}
els.forEach(function(el){mx=Math.max(el.offsetHeight,mx);});
els.forEach(function(el){el.style.height=mx+'px';});
</script>
</body>
</html>
|