Banner gigante no Chrome e Safari

  • Autor Autor LaraCroft
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Status

🔒 Este tópico está fechado para novas respostas.

⏰ Apenas o criador do tópico pode solicitar a reabertura de seus próprios tópicos, mas apenas dentro dos 60 dias anteriores à última atualização.

L

LaraCroft

Curioso
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
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:

Inserir CODE, HTML ou 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 🙂)
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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:

Inserir CODE, HTML ou 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>
 
Status

🔒 Este tópico está fechado para novas respostas.

⏰ Apenas o criador do tópico pode solicitar a reabertura de seus próprios tópicos, mas apenas dentro dos 60 dias anteriores à última atualização.

Voltar
Topo