Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/12/2008, 11:27
Avatar de armandoweb
armandoweb
 
Fecha de Ingreso: enero-2003
Ubicación: San Cristobal, Santa Fe, Argentina
Mensajes: 544
Antigüedad: 21 años, 2 meses
Puntos: 7
Problemas con DIVs

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
__________________
www.awdesarrollos.com.ar - [twitter: @armandoweb] - [Skype: awdesarrollos"]