gabitoju
15 de Marzo del 2005

Qué tal gente. Tengo La siguiente duda:
Estoy diseñando un sitio, todo con div y hojas de estilo, y lo que quiero hacer es poner dos divs dentro de un contenedor y que ambos queden a la misma altura. El HTML que tengo es el siguiente:
<div class="contenedor">
<div class="txtDescDiv"></div>
<div id="histDiv" class="imgDescDiv">a</div>
</div>

Y el CSS es este:

.contenedor {
text-align: left;
width: 731px;
height: 303px;
margin: 25px auto;
border: 1px solid;
background-color: #000000;
color: #FFFFCC;
}

.imgDescDiv {
height: 303px;
width: 300px;
position:relative;
text-align:right;
left:431px;
top:0px;
}

.txtDescDiv {
width: 429px;
position:relative;
text-align:left;
background-color:#CCCCCC;
top: 0px;
}

El tema es que con esto, uno de los dos div, el que tiene asociado el estilo imgDescDiv me queda más abajo que el que tiene el estilo txtDescDiv.
Agradesco si alguien me puede solucionar este problema.

FernandoC
15 de Marzo del 2005

Tienes los estilos ( o mejor dicho las clases) como de "position:relative". las tienes que poner (para los tres DIV) como de "positon:absolute".
Saludos