Desajustes repentinos en header y footer

[Snapy]

Hola, montando mi tienda , me he encontrado que el footer y el header se han desconfigurado , no se como arreglarlo.

 

En concreto , veréis como la parte de monedas e idioma están fuera de lugar, y en el footer la parte de copyright se ha quedado a la izquierda , cuando debería estar en una línea y alargada sobre el fondo verde, también los bloques han quedado algo dispersos.

 

 

tienda: espiacenter.com/prestashop

 

Un saludo y gracias.

[nadie]

Hola, montando mi tienda , me he encontrado que el footer y el header se han desconfigurado , no se como arreglarlo.

 

En concreto , veréis como la parte de monedas e idioma están fuera de lugar, y en el footer la parte de copyright se ha quedado a la izquierda , cuando debería estar en una línea y alargada sobre el fondo verde, también los bloques han quedado algo dispersos.

 

 

tienda: espiacenter.com/prestashop

 

Un saludo y gracias.

 

Veo que ya se te ve bien la cabecera y el pie de pagina, pero has dejado la web a 1 columna, y por ejemplo la ficha del producto, se ve horrenda...

 

http://espiacenter.c...oduct&id_lang=1

 

Aumenta el ancho del:

 

#pb-left-column {
float: left;
margin-left: 14px;
width: 255px;
}

 

en el fichero:

 

http://espiacenter.com/prestashop/themes/default/css/product.css

 

a

 

#pb-left-column {
float: left;
margin-left: 14px;
width: 674px;
}

[nadie]

Veo que los listado de productos, tambien se te ven horrendos. (Aunque la pagina como dije arriba, se ve bien, por lo que supongo que lo has arreglado)

 

Lo unico, que te recomiendo hacer esto en los listado de los productos, para que quede un poco mas fino.

 

http://espiacenter.c...egory&id_lang=1

 

Ve al fichero:

 

http://espiacenter.com/prestashop/themes/default/css/product_list.css

 

Busca esto:

 

#product_list li .center_block {
float: left;
padding: 0 7px;
width: 342px;
border-right: 1px dotted #ccc;
}

 

Y dejalo asi:

 

#product_list li .center_block {
float: left;
padding: 0 7px;
width: 760px;
border-right: 1px dotted #ccc;
}