Banner gigante en Chrome y Safari

Esta es una discusión para el tema Banner gigante en Chrome y Safari en el foro vBulletin 4 - Preguntas, Problemas y Soluciones, bajo la categoría Soporte vBulletin; Hola a tod@s!! A ver si alguien me puede ayudar. He puesto un banner en mi foro que ocupa todo el ancho de la página, y he hecho que se autoajuste al ancho de cada ...
Página:


Resultados 1 al 2 de 2
  1. #1
    Miembro Array
    Fecha de ingreso
    25 mar, 10
    Mensajes
    6
    Gustado
    1 Veces
    Me Gustan
    4 Veces

    Predeterminado SOLUCIONADO: Banner gigante en Chrome y Safari

    Hola a tod@s!!

    A ver si alguien me puede ayudar.

    He puesto un banner en mi foro que ocupa todo el ancho de la página, y he hecho que se autoajuste al ancho de cada pantalla añadiendo las opciones de height y width al 100% y funciona a la perfección en IE, Mozilla y Opera pero en Safari y Chome ajusta el ancho pero la altura se duplica o más distorsionando la imagen, sale un banner inmenso!!!.

    Os copio y pego el código que he puesto y a ver si alguien sabe qué puedo hacer para que también se vea bien en esos navegadores. Esto está en el Header:

    Código:
    <div class="above_body"> <!-- closing tag is in template navbar -->
    <div id="header" class="floatcontainer doc_header">
        <div><a name="top" href="{vb:link forumhome}" class="logo-image"><center><img src="{vb:stylevar titleimage}" WIDTH=100% HEIGHT=100% alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></center> </a></div>
    Muchas gracias de antemano )
    Última edición por LaraCroft; 07/03/2011 a las 07:33

  2. #2
    Miembro Array
    Fecha de ingreso
    25 mar, 10
    Mensajes
    6
    Gustado
    1 Veces
    Me Gustan
    4 Veces

    Predeterminado Re: Banner gigante en Chrome y Safari

    Solucionado!!

    he añadido como em ha dicho Trevor en el foro de Vbulletin.com la altura y la anchura al div del contenedor y así ajustaba la altura pero no la anchura, así que he hecho pruebas y añadiendo un width extra a la imagen ya ajusta perfectamente el banner en todos los navegadores.

    Os dejo el código por si alguien tiene el mismo problema:

    Código:
    <div id="header" class="floatcontainer doc_header" WIDTH="100%" HEIGHT="100%">
    
        <div> <a name="top" href="{vb:link forumhome}" class="logo-image"><center><img src="{vb:stylevar titleimage}" WIDTH="100%" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></center> </a></div>