Ajustar el ancho de...
 
Avisos
Vaciar todo

Ajustar el ancho del footer

9 Respuestas
3 Usuarios
0 Reactions
5,020 Visitas
Respuestas: 77
Trusted Member
Topic starter
 

Hola a todos,
¿como puedo hacer para que la anchura del footer sea igual al de la cabecera de mi página?
Adjunto una foto de como me gustaria que quedara.
La url de mi pagina es www.olimaia.com
Gracias
Sergio


 
Respondido : 08/12/2011 9:33 pm
David Noguera
Respuestas: 4433
Miembro
 

Hola Sergio, para tienes que cambiar la plantilla, ya que la clase "tpcontainerbottom", que es la que se encarga de dar estilo al footer, se encuentra dentro de un wrapper encargado de dar ancho y centrar la página.

La cabecera está hecha con una imagen de fondo aplicada al body de esta forma:

body {
background: url("../images/back.jpg") no-repeat scroll center top transparent;
}

Yo lo que haría sería modificar la imagen y los estilos de cabecera para que la cabecera tenga el mismo ancho que el footer..

Para llo tendrías que modificar la imagen que tiene 1.600 px de ancho, ponerlo en 960px y cambiar los estilos CSS para que en vez de ser aplicada al body como imagen de fondo sea aplicada al id tpcontainer..

la imagen que has de modificar es esta:

Saludos


 
Respondido : 09/12/2011 10:44 am
Respuestas: 77
Trusted Member
Topic starter
 

Gracias David,
¿como puedo hacer para aumentar la anchura del tpcontainerbottom? es donde quiero poner la imagen igual a la cabecera, ahora está a 50 y quiero ponerla a 90px.


 
Respondido : 10/12/2011 7:12 am
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola Sergio

Tu sitio esta en mantenimiento y no podemos ver el código para responderte adecuadamente.
http://www.olimaia.com/

Saludos.


 
Respondido : 10/12/2011 2:54 pm
Respuestas: 77
Trusted Member
Topic starter
 

Hola Jhon,
Ya lo tienes activado
Gracias
Sergio


 
Respondido : 10/12/2011 5:07 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola Sergio

Este es un estilo que crea tu template cuando defines la anchura de tu sitio, revisa en los parámetros de tu plantilla la definición del ancho.

Por otro lado, tal como te indica David, es más práctico hacer que la cabecera reduzca su ancho ya que si quieres que el footer se amplie como lo hace la cabecera, necesitarás hacer muchos cambios en la estructura de tu template

Saludos.


 
Respondido : 10/12/2011 6:02 pm
Respuestas: 77
Trusted Member
Topic starter
 

Perdona Jhon, donde dije anchura queria decir altura, he buscado pero no encuentro en que archivo se define este parametro.


 
Respondido : 11/12/2011 7:59 am
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola Sergio

Debes buscar el archivo de estilo de tu template, posiblemente el archivo template.css, no puedo indicarte el nombre por que esta habilitado la compresión CSS de tu template, debes deshabilitar esta opción desde la configuración de tu plantilla

Agregar height:

#tpcontainer .tpcontainerbottom{
/*otro código*/
height : 300px; 
}

Saludos.


 
Respondido : 11/12/2011 12:49 pm
Respuestas: 77
Trusted Member
Topic starter
 

Gracias Jhon, ya lo he probado y me ha funcionado.


 
Respondido : 11/12/2011 6:20 pm