Tengo un diseño a 2 columnas.
La columna de la izquierda es la principal, donde van todos los textos:
Código:
y la otra columna contiene lo siguiente:#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; }
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:
un div debajo del otro y en la misma columna.#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; }
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