Foros del Web » Creando para Internet » CSS »

Problemas con DIVs

Estas en el tema de Problemas con DIVs en el foro de CSS en Foros del Web. 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: ...
  #1 (permalink)  
Antiguo 10/12/2008, 11:27
Avatar de armandoweb  
Fecha de Ingreso: enero-2003
Ubicación: San Cristobal, Santa Fe, Argentina
Mensajes: 544
Antigüedad: 21 años, 3 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"]
  #2 (permalink)  
Antiguo 10/12/2008, 12:24
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Problemas con DIVs

Sin ver la estructura del html es aventurado proponer soluciones, pero aun así, prueba a colocar un "margin-left:190px;" al div #contacto.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 11/12/2008, 09:00
Avatar de armandoweb  
Fecha de Ingreso: enero-2003
Ubicación: San Cristobal, Santa Fe, Argentina
Mensajes: 544
Antigüedad: 21 años, 3 meses
Puntos: 7
Respuesta: Problemas con DIVs

kseso?, no pude corregir el problema.

Subí la pagina para que puedas ver lo que hace el DIV.

En esa pagina el DIV Newsletter debería estar debajo del DIV Noticias.

Este es el link: http://www.centrodediasancristobal.com/web/index1.php

Espero que puedan ayudarme.

Gracias.

ARMANDOWEB.
__________________
www.awdesarrollos.com.ar - [twitter: @armandoweb] - [Skype: awdesarrollos"]
  #4 (permalink)  
Antiguo 11/12/2008, 10:52
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Problemas con DIVs

newsletter lo tienes fuera de columna_der, e imagino que debería ir dentro si lo quieres debajo del otro.
__________________
Visita mi nueva web idplus.org
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:45.