Color de fondo blanco problema.

[ArielBjj]

Saludos este es mi primer tema, estoy empezando con esto del css espero me puedan ayudar.

Lo que quiero hacer es dejar la parte de las columnas izquierda, derecha y central con el fondo en blanco, y no he podido.
Ya he dividido en distintas partes el header, page y el footer pero la parte de pague no he podido dejarla con el fondo blanco, alguien que me pueda ayudar porfavor.
Saludos

La pagina es http://www.maneimport.edukarukinka.cl/es/

Gracias de antemano.

[walterfcr]

background #FFF en cada div? y nunca habia visto tanto codigo css en una pagina tan pequeña

[ArielBjj]

No lo que busco es que la columna completa que contiene la columna derecha, izquierda y el cuerpo de la pagina tengan todo el fondo blanco no cada uno individualmente. Trabajo con prestashop que viene con un archivo de css con como 1500 lineas de código.

[ArturoGallegos]

tu problema es simple, cuando colocas elementos flotando en el interior de un div estos se salen del flujo impidiendo al padre crecer de acuerdo a la altura del contenido

tienes dos opciones

1.- coloca al final de todo tu contenido un div vació y aplicale style="clear:both;" <--- esta opcion es valida pero la menos aconsejable ya que colocas código innecesario, digamos es un metodo algo sucio
es decir

Código HTML:

<div>
    <div>left pane</div>
    <div>content pane</div>
    <div>right pane</div>
    <div style="clear:both;"></div>
</div>
 

2.- tu segunda opcion es aplicar overflow:hidden o auto al elemento padre

Código HTML:

<div style="overflow:hidden;">
    <div>left pane</div>
    <div>content pane</div>
    <div>right pane</div>
</div>
 

para tu sitio en concreto en tu archivo global agrega al final

Código HTML:

#columns{clear:both;overflow:hidden;}
 

[ArielBjj]

Iniciado por Ag666

tu problema es simple, cuando colocas elementos flotando en el interior de un div estos se salen del flujo impidiendo al padre crecer de acuerdo a la altura del contenido

tienes dos opciones

1.- coloca al final de todo tu contenido un div vació y aplicale style="clear:both;" <--- esta opcion es valida pero la menos aconsejable ya que colocas código innecesario, digamos es un metodo algo sucio
es decir

Código HTML:

<div>
    <div>left pane</div>
    <div>content pane</div>
    <div>right pane</div>
    <div style="clear:both;"></div>
</div>
 

2.- tu segunda opcion es aplicar overflow:hidden o auto al elemento padre

Código HTML:

<div style="overflow:hidden;">
    <div>left pane</div>
    <div>content pane</div>
    <div>right pane</div>
</div>
 

para tu sitio en concreto en tu archivo global agrega al final

Código HTML:

#columns{clear:both;overflow:hidden;}
 

Intente la primera opcion y me resulto bien muchas gracias, en cuanto a la segunda opcion la voy a intentar mas luego, ya que siempre es bueno utilizar los mejores metodos.

[ofimat]

Me parecen perfectas las soluciones que ofreceis pero solo una pregunta

¿En prestashop 1.5 en que ficheros hay que hacer esos coambios?

espero respuesta

[ArturoGallegos]

para 5 años en el foro me sorprende que hicieras esa pregunta aquí.... aunque después de ver cuantos mensajes tiene ya no me sorprendió tanto.

1.- pasa a leer las políticas del foro,
-> http://www.forosdelweb.com/f74/polit...el-web-101485/
en especial

2.7 Los usuarios no pueden revivir o reactivar temas publicando información inútil o sin sentido, o llevando a cabo cualquier otra acción para deliberadamente mantener arriba en el índice del foro dicho tema o aumentar el contador de mensajes.

2.- en que archivos? estas de broma.... ya que es un CMS los diseños/templates son personalizados y su estructura puede tener mil variantes.... tu respuesta seria, "En todos los archivos que te sea necesario"

Si el template es gratuito pasa al foro correspondiente... tal vez te acomode el foro de prestashop
http://www.forosdelweb.com/tags/prestashop.html?f=54

si el template es premium/pago contacta el programador que te lo vendió y pide asesoría.