Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/02/2010, 21:47
Edmidimar
Invitado
 
Mensajes: n/a
Puntos:
Como hacer para que una columna se pegue a otra, y no que pase por debajo.

Disculpen si el titulo del post casi no se entiende, no sabia como hacerlo mas entendible.

Estoy construyendo un proyecto personal con PrestaShop (CMS para tienda virtual).

Estoy buscando la manera de que con la plantilla por defecto del PrestaShop se abra al ancho que tenga de resolución el monitor, pues nada mejor que navegar por una web que se abra al 100% del tamaño del monitor.

Lo unico que necesito es que por favor me orienten, sobre las sintaxis que se pudiera utilizar para conseguir hacerlo.

Ya la plantilla esta ampliada a todo el ancho del monitor, el problema en el que estoy ahorita, es entre la columna del medio y la de la derecha, viendo la imagen se puede apreciar en detalle:



[url=http://img2.pict.com/4c/24/4a/2816624/0/captura.jpg][img]http://img2.pict.com/4c/24/4a/2816624/0/300/captura.jpg[/img][/url]

Necesito que la columna del centro se quede a tome con la de la derecha, y no que se valla por debajo.

Los fragmentos de sintaxis del CSS que se utilizan (creo que no hay mas) para modificar esas columnas son:

Estos dos son los fragmentos que hacen mover la columna del medio:

Código CSS:
Ver original
  1. #center_column {
  2.     float: left;
  3.     width: 64%;
  4.     margin: -35px 0 0 0;
  5.    
  6. }

Código CSS:
Ver original
  1. div#center_column {width:100%}

Código CSS:
Ver original
  1. #center_column div.block { width: 101%; float: left; }


Este es de la columna de la derecha donde estan los modulos.

Código CSS:
Ver original
  1. #right_column {
  2.     float:right;
  3.     width: 190px;
  4.     padding-left: 10px;
  5.     margin-right: 5px;
  6. }

Solo necesito una orientación de cuales son las sintaxis que debo utilizar para hacer lo que necesito.

Saludos!!

Última edición por Edmidimar; 11/02/2010 a las 23:26