Amigos:
Tengo un diseño a 2 columnas.
La columna de la izquierda es la principal, donde van todos los textos:
Código:
#columna-izq{
float: left;
background-color: #FFFFFF;
width: 480px;
padding-top: 15px ;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 5px;
border-right: 1px dotted #CCCCCC;
}
y la otra columna contiene lo siguiente:
Código:
#donaciones{
float: right;
background-color: #FFFFFF;
width: 190px;
padding-top: 15px ;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 20px;
}
Código:
#newsletter{
float: right;
background-color: #FFFFFF;
background-image: url(images/px-verde.gif);
background-repeat: repeat;
width: 190px;
padding-top: 7px ;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 10px;
margin-bottom: 10px;
}
Código:
#contacto{
float: right;
background-color: #FFFFFF;
background-image: url(images/px-verde.gif);
background-repeat: repeat;
width: 190px;
padding-top: 7px ;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 10px;
margin-bottom: 10px;
}
un div debajo del otro y en la misma columna.
El problema que tengo es que cuando el contenido de la columna principal #columna-izq es poco, ya sea texto o imágenes, el último div de la columna de la derecha, en este caso #contacto se me desplaza hacia la izq!!
Cuando el contenido del div #columna-izq es extenso, si logro que todo este alineado perfectamente.
Espero haberme explicado bien.
Aguardo sus sugerencias.
ARMANDOWEB