como igualar altura de dos div dentro de uno contenedor?

[jomaruro]

Hola:

Código HTML:

<div id="contenedor">
<!--primera fila-->
<div style="height:25px;float:left;width:100%;">
<strong>Titulo general</strong> 
</div><!--Fin primera fila-->
 
<div style="height:100%;"><!--segunda  fila-->
<div style="float:left; width:20%; height:100%; padding: 2px; text-align:center;" >
 Fecha Hora
</div> 
 
<div style="width:*; height:100px; padding: 2px; text-align:justify; overflow:auto;"> tenemos que seguir adelante por el equipo, por la fanaticada, pero sobre todo porque no los merecemos, demostremos que los GLORIOSOS somos nosotros y no el caracas que se quieren anotar, porque ese fue un legado que nos dej&oacute; el gran Musi&uacute; y tiburones pa&acute;encima 
</div>
</div><!--Fin segunda  fila-->
 
</div><!--Fin contenedor-->
 

Revisando tu código he encontrado un par de cosas:

1º ¿Qué significa width:*?

2º Si el primer div tiene un ancho del 20% el otro (que tu pones como width:*) debería ser el 80% ¿no?

Ahí surge otro problema el 20% del primero y el 80% del segundo suman el 100%, pero tenemos un padding de 2px en cada uno de ellos ¿consecuencia? sobrepasamos el ancho del contenedor y el segundo div se mueve hacia abajo.

Solución al primer div, por ejemplo le ponemos un ancho del 19%. Y queda cada div en su sitio.

¿Tu problema está solucionado? NO, busca información sobre columnas equilibradas y ya puedes solucionarlo.

Saludos.