hola,
mi problema consiste en alinear 3 capas una al lado de la otra con alturas variables y que una de ellas (la última capa) se posicione de tal manera que quede alineada con la parte inferior de la capa anterior.
columna 1 | columna 2 |
columna 3 columna 1 | columna 2 |
columna 1 | columna 2 | columna 3
la columna 1 tiene una altura fija de 70px.
la columna 2 tiene una altura variable, siempre es más alta que la columna 1.
la columna 3 tiene una altura variable, siempre es menor a la columna 2, además tiene que estar alineada con la parte inferior de la columna 2.
intenté con el siguiente y otros códigos más pero no pude resolver mi problema:
Código:
<style type="text/css">
#reg_file{
background-color:#CCCCCC;
width:90px;
float:left;
}
#reg_desc{
background-color:#FFFFFF;
width:290px;
float:left;
border-right:#CCCCCC 1px solid;
}
#reg_opt{
background-color:#CCCCCC;
width:89px;
float:left;
bottom:0px;
height:100%;
}
#desc_cont{
margin-left:3px;
margin-right:3px;
}
#desc_firma{
text-align:right;
margin-top:5px;
margin-right:3px;
}
#reg_sep{
clear:both;
border-bottom:1px #666666 solid;
width:470px;
height:5px;
}
</style>
<div id="registro0" class="registros">
<div id="reg_file"><img src="../fotos/thumb/foto.jpg" width="90" height="70" /></div>
<div id="reg_desc">
<div id="desc_cont">descripcion</div>
<div id="desc_firma">firma]</div>
</div>
<div id="reg_opt"><div>opciones</div></div>
<div id="reg_sep"></div>
</div>