Rellenar de color la columna central para cada categoría

[Syd]

Hola,

bueno, es este problema que no he conseguido solucionar, pero que me está sacando de quicio. Quiero que la columna central se rellene con el color elegido para cada categoría, sólo eso. Le he quitado la imagen de fondo para que no confunda mientras se arregla este problema. De momento, me rellena el height hasta 570px. Cuando no le especifico ninguna medida, me rellena un cachito solo de arriba (como 150px). Lo mismo me pasa cuando pongo height: auto. El problema viene cuando se van añadiendo productos al carrito, este se alarga, y el color queda cortado. También pasa lo mismo cuando el product list muestra productos. La columna central se queda en 570px de color naranja y no se rellena el resto.

A ver si alguien me puede ayudar, porque ya no se qué hacer,

 

http://www.asianexot...p?id_category=8

 

 

Este es el código específico:

 

 

#categoria8, #categoria26 {

background-color: #ffcc99;

height: 570px;

width: 652px;

/*background-image:url(../../..//img/8.jpg);*/

background-repeat:no-repeat;

font-family: Verdana, Arial, Helvetica, Sans-Serif;

color: #663366;*/

/*background-attachment:fixed;*/

/*background-position: 600px 285px;*/

}

#categoria8 h1, #categoria8 h1 span, #categoria8 h2, #categoria8 h2 span, #categoria8 h3, #categoria8 h4, #categoria8 a, #categoria8 a:hover {color: #663366; text-decoration:none;}

#categoria26 h1, #categoria26 h1 span, #categoria26 h2, #categoria26 h2 span, #categoria26 h3, #categoria26 h4, #categoria26 a, #categoria26 a:hover {color: #663366; text-decoration:none;}

Edited September 7, 2012 by Syd (see edit history)

[shacker]

para que funcione, debes añadir un

 

position:relative; float:left

 

a las categorias

 

#categoria8, #categoria26 y a todas las que desees un color

[Syd]

esto le puse:

 

 

#categoria8, #categoria26 {

position:relative;

float:left;

background-color: #ffcc99;

/*height: 570px;*/

width: 652px;

background-repeat:no-repeat;

font-family: Verdana, Arial, Helvetica, Sans-Serif;

color: #663366;

}

 

pero no funciona, este es el resultado:

http://www.asianexoticdream.com/es/8-india

[shacker]

puedes darle un height:800px o algun valor fijo para que se estire hasta abajo

[Syd]

El problema es que siempre se puede estirar más allá, como cuando se muestra el product list, o cuando el carrito se empieza a llenar, no hay forma de que se rellene según el tamaño exigido?

[shacker]

es que tu le diste un height fijo al center_column

 

#center_column

por lo que no se estirara mas , pro eso te digo que lo pongas fijo

[Syd]

Eureka!

he borrado los height de #columns, #center_column los de cada categoría y subcategoría, y he puesto min-height y auto para cada uno de ellos y funcionó. Esto, con lo del position relative y float left han hecho funcionar el tema

Muchas gracias! llevaba un montón de tiempo con este problema

[shacker]

de nada. Estamos para ayudar.

saludos

[Syd]

Creo que canté victoria demasiado pronto. Al agregar productos al carrito no se estira el color... vaya fastidio

[shacker]

cuantos productos añadiste al carro?

[Syd]

Pues eso ya pasa cuando añades al menos 2 ó 3 productos y te sales de esa página y vas a esta, por ejemplo

 

http://www.asianexoticdream.com/es/8-india

[shacker]

te recomiendo ver este tutorial para dar con la solucion. ya que esta bastante modificado el theme

 

http://www.google.com.ar/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CB8QFjAA&url=http%3A%2F%2Fwww.csslab.cl%2F2007%2F10%2F11%2F100-alto-finalmente-para-todos%2F&ei=QL5OUOWCGazK0AG49oDYBg&usg=AFQjCNH7z2RM5evJKEu-crbRPqTbuzBjjw&sig2=G1Garkrs36o51_PXg1b5eg

[Syd]

Gracias, lo he intentado, pero se me queda a 30.000, no se si lo he puesto en el sitio correcto. Lo he puesto en #columns, aunque también lo intenté en #center_column y en #left_column, con el overflow:hidden dentro de cada uno ellos. No se si es así, ya se me queda grande

[shacker]

pega el codigo aqui

[Syd]

Aquí donde? No veo nada :D

[Syd]

pega el codigo aqui

 

Por favor, me puedes indicar dónde?

gracias

[shacker]

edita el primer post, usa el full editor y veras la opcion de adjuntar un fichero

[Syd]

Es que pensaba que me habías escrito algo que no veía...

 

Este es el código, he probado a alternarlo en unas columnas y quitarlo en otras y nada

 

 

#columns {

float:left;

background: #ffccff;

height: auto!important;

/*height: 570px;*/

min-height: 570px;

border: 18px solid #3d1d3d;

margin-bottom: 20px;

text-align: left;

width: 864px;

padding-bottom: 30000px;

margin-bottom: -30000px;

overflow: hidden;

}

#left_column, #center_column, #right_column { float: left }

#left_column {

clear: left;

width: 210px; /* +90px */

margin-right: 0px;

 

padding-bottom: 30000px;

margin-bottom: -30000px;

overflow: hidden;

}

#center_column {

float: right;

width: 642px; /* +122px */

height: auto!important; /*height: 460px;*/ min-height: 570px;

margin: 0 0 0px 0;

padding: 0 10px 0 0;

 

padding-bottom: 30000px;

margin-bottom: -30000px;

overflow: hidden;

}

[Syd]

Alguna ayuda?

[Syd]

Alguien sabe cómo hacerlo?