Centrar la cabecera de la web

Hola tanatos y gracias anticipadas por si decides responderme.
Tengo instalado joomla 1.5.22 con la plantilla ja-teline II.
Con el fin de colocar una imagen en la cabecera, he hecho lo siguiente:
Dentro de la capa ja-headerwrap, y por encima de la capa ja-header class=clearfix de la plantilla original, he creado otro div llamado ja-preheader para mostrar en él la citada imagen de dimensiones 950x110px.
Después de haber trabajado con el html de la plantilla indicando con center la alineación de la imagen, como con el template.css:
(Capa creada dentro del HEAD):
#ja-preheader
{
width:auto;
height:auto;
float:left;
margin: 10px 0 0 193px;
}
#ja-preheader img
{
align:center;
}
No consigo que, al visualizarla en los diferentes navegadores, e incluso utilizando el mismo navegador, firefox, en equipos distintos, la imagen se vea centrada.
No sé si la imagen colocada dentro del nuevo div está tomando otras propiedades definidas para el head en la hoja de estilos de la plantilla o en otra capa que no logro identificar.
¿Qué puedo hacer para que en todos los navegadores quede la cabecera centrada con respecto al cuerpo de la plantilla?
Gracias de nuevo.

1 Respuesta

Respuesta
1
Si me pudieras dar algún link para comprobarlo todo te lo agradecería.
Así a ojo el que no centre la cabecera es básicamente, porque ante todo, para centrar horizontalmente tienes que usar margin: 0 auto 0 auto; eso te centrara el div, al cual le tienes que dar el tamaño width obligatoriamente.
No puedo explicarlo mejor ya que no lo veo.
Si no puedes dejarme el link cópiame una buena parte del código aquí.
Gracias de nuevo. Te pongo el link:
www.elcalero.com/cct
Después de ver el link la solución es la misma que lo que te puse arriba.
#ja-preheader
{
width:auto;
height:auto;
float:left;
margin: 10px auto 0 auto;
}
Eso te la centrara independiente de la resolución de la pantalla.
Gracias de nuevo.
Hice lo que me dijiste y mira cómo quedó:www.elcalero.com/cct
Saludos.
Me equivoque en un dato, perdona, el correcto es este: (sin el float)
#ja-preheader
{
width:auto;
height:auto;
margin: 10px auto 0 auto;
}

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas