Ver Mensaje Individual
  #2 (permalink)  
Antiguo 15/01/2006, 15:48
furoya
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 21 años, 5 meses
Puntos: 317
Hola ebenitez :

Es con CSS y se usa float. Te dejo un ejemplo que además iguala las alturas de ambos con javascript (con CSS no se puede y hay que terminar usando tablas u algún engendro de capas y fondos).

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head><title>IGUALA ALTURA DE DIV'S. </title>

<style type="text/css" >
body {background-color:silver; font-size:100%; }
h2 {font-size:1.6em; }

#yankee , #zulu {float:left; width:250px; background-color:bisque; border:2px solid red; }
.xray{clear:both; width:100%}
</style>

<script type="text/javascript">
function altura(){
var ye = document.getElementById('yankee');
var zeda = document.getElementById('zulu');
var yeH = ye.offsetHeight;
var zedaH = zeda.offsetHeight;

//alert(yeH+" "+zedaH);

(yeH > zedaH) ? (zeda.style.height = ye.style.height = yeH+"px") : (ye.style.height = zeda.style.height = zedaH+"px");

}
</script>

</head>
<body onload="altura()">
<h2>Toma la altura del <tt>div</tt> m&aacute;s alto y la asigna al otro. </h2>

<div id="yankee" >QWERTYUIOP <br />QWERTYUIOP<br />QWERTYUIOP QWERTYUIOP QWERTYUIOP QWERTYUIOP QWERTYUIOP </div>
<div id="zulu" >QWERTYUIOP <br />QWERTYUIOP</div>

  <p class="xray">
    <a href="http://validator.w3.org/check?uri=referer"><img
        src="http://www.w3.org/Icons/valid-xhtml10"
        alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
  </p>
</body>
</html>
saludos