Banner gigante en Chrome y Safari

Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

LaraCroft Seguir

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
25 Mar 2010
Mensajes
5
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:

Insertar CODE, HTML o PHP:
<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 :))
 

LaraCroft

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
25 Mar 2010
Mensajes
5
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:

Insertar CODE, HTML o PHP:
<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>
 
Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

Arriba