Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

bobboyms

espaço no pe da imagem dentro do div

Por , em Desenvolvimento frontend

Recommended Posts

bobboyms    0

bobboyms
Postado

olá amigos estou com um problema muito grande quando crio um <div> e coloco uma imagem dentro dela,, ela fica com um espaço no pe dela,, no e firefox funciona corretamente,, axo que é um erro no IE, como faço para corrigilo??olhe o código abaixo---CSS/code --------#cab1 { background:url(images/fundo_top.png); margin:0px; padding:0px; margin-bottom:0px;}--------------------- html code -----<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>............:::: VIPvale ::::............</title><link href="style.css" rel="stylesheet" type="text/css" /></head><body><div id="cab1"> <img name="logo_site" src="images/logo_site.png" width="192" height="105" border="0" id="logo_site" alt="" /> </div> </body></html>--------------------me ajudem :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Poe    0

Poe
Postado

Oi! Na verdade, nem é preciso fazer um CSS pra isso. O nosso amigo IE entende que o espaço vazio entre o fechamento da sua tag IMG como sendo um espaço em branco. Pra acabar com isso você fecha e abre tudo em uma linha: 

<div id="cab1"><img name="logo_site" src="images/logo_site.png" width="192" height="105" border="0" id="logo_site" alt="" /></div>

Veja se isso resolve, pois esse é um problema pré-histórico de interpretação de espaços pelo IE, que faz o mesmo em tabelas, parágrafos ou qualquer lugar onde você precisa que ele acabe "seco". Espero que ajude! :)Ah! Uma pergunta: por que o ALT está vazio? O ideal seria você descrever a imagem. O ALT é texto alternativo, então coloca um texto descrevendo a imagem, como "Logo da Empresa" (ou outro aplicável). O lance de trabalhar com WEBSTANDARD não é que você tem que fazer "gambiarra pra funcionar", mas sim que tem que fazer direito! :) Até.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Obrigado pela explicação Poe, mas o código:

*{ margin: 0; padding:0; }
Isso no início da css ajuda bastante!

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito