Avisos
Vaciar todo
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
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
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
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
Hola Jhon,
Ya lo tienes activado
Gracias
Sergio
Respondido : 10/12/2011 5:07 pm
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
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
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
Gracias Jhon, ya lo he probado y me ha funcionado.
Respondido : 11/12/2011 6:20 pm
