Problema com IE

[T.Colucci 33]

Olá galera. Bem, meu problema é o seguinte: eu estava desenvolvendo meu site utilizando como padrão o navegador FF. O logo no FF, fica perfeito, da meneira como deve ficar. Mas no IE, não fica, fica um espaço em branco que não deveria ficar ali.

Eu não coloquei a imagem ali usando a tag <IMG>. Eu coloquei ela como se fosse um plano de fundo da DIV logo, usando declarando assim no CSS:

DIV.logo { background-image: url(logo.jpg);}

O Site, para quem quer ver é http://www.designcreativespi.com.

O que eu posso fazer para resolver esse problema? Me ajudem pessoal.

Grato pela atenção.

 

 

Tiago Colucci

[Paulo de Tarso F. M. 24]

Meu caro Tiago Colucci, qual é o restante do CSS de sua div? Pode colocá-lo por completo?

[T.Colucci 33]

Paulo de Tarso,

 

O restante do código da DIV é:

DIV.logo {	position: absolute;	width: 770px;	height: 77px;	text-align: center;	padding: 2px;	left: 6px;	right: 6px;	top: 0px;	background-image: url(logo.jpg);	z-index: 4;	overflow:hidden; 	}

ESpero que ajude. Muito obrigado pela atenção.

 

 

Atenciosamente;

 

Tiago Colucci

[Paulo de Tarso F. M. 24]

Opa! Tiago Colucci, fiz uns testes aqui em casa e consegui retirar o espaço na lateral direita... Agora, se você quer "encostar" o menu na imagem do topo, você terá que trabalhar também na imagem menu_fundo.png. Mas aí isso é criação, é com você... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

 

Bom, faça o seguinte, altere este trecho que me passou por esse aqui (que inclusive está com algumas melhorias, retirados alguns elementos desnecessários, que encontrei inclusive em todo o seu arquivo CSS. Recomendo que leia os artigos encontrados no Laboratório de Scripts (WS). Sua página é fácil de estruturar, não há necessidade de se utilizar position: absolute)...

 

Segue o "novo código":

DIV.logo {	width: 780px;	height: 80px;	background-image: url(logo.jpg);	overflow: hidden; 	}

Recomendações:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Como já citei, não há necessidade de se utilizar a propriedade position: absolute para estruturar um layout como esse. Leia os artigos mencionados que compreenderá melhor como isso deve ser feito.

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Evite utilizar caixa alta em seu código para marcação (X)HTML e CSS. Bom, tudo bem que para o Doctype que você está utilizando nessa página isso não cause nenhum "problema", mas futuramente, quando migrar para os DTDs Stricts (ou até mesmo o XHTML 1.1, que inclusive é o Doctype que utilizo), não terá que mudar muita coisa quando tentar validar um documento e o mesmo retornar uma série de erros.

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Minha última recomendação eu acabei citando acima: mude para os Doctypes Stricts. Provavelmente encontrará uma certa dificuldade nesse processo, é normal, mas é o caminho que se deve seguir daqui pra frente. As webstandards devem ser implementadas, devem ser seguidas, e um profissional que esteja motivado para "estar dentro dos padrões", cedo ou tarde terá que fazer isso...

 

Boa sorte! Qualquer coisa, volte a postar!

 

Obs.: Vi que me indicou à moderação aqui do fórum de WS, mas queria avisar que já fui "eleito" inclusive antes do prazo que fora estipulado. As indicações íam até hoje, dia 29/07, e o tópico já está fechado. Mas muito obrigado pela indicação Tiago. Valeu mesmo!

[T.Colucci 33]

Ae Paulo, parabéns por ter sido escolhido o novo moderador. Quanto ao tópico, muito obrigado, realmente funcionou! Quanto ao CSS, eu sei que tem alguns(!) itens desnecessários, eu vou fazer essa limpeza quando o site ficar totalmente pronto. Mas, como eu mesmo pude perceber, foi por causa desses códigos desnecessários que a página estava sendo carregada de maneira errônea pelo IE. Eu já tentei estudar esse tal de XML, mas não consigo entender, me perco. XHTML também. Se você puder me dar uma força, ficaria muito grato. Você tem msn? Se tiver, me add ai, como você é moderador, depois você edita o tópico para não aparecer o endereço. Valeu mesmo.tiagocolucci.guitar@hotmail.comTiago Colucci

[T.Colucci 33]

Aproveitando o tópico aberto, Paulo:

[*]Qual a diferença de usar ID em vez de CLASS e vice-versa?

Obrigado.

 

Tiago Colucci

[Paulo de Tarso F. M. 24]

Fala Tiago Colucci, então, vamos por parte:

 

Não posso passar o MSN porque eu não acesso! Eu tenho e tals, tenho alguns contatos adicionados, mas a partir de quarta (dia 1/8) começo a tal da faculdade e se antes eu quase não acessava, agora então... O que oriento é: surgiu dúvida? Posta aqui no fórum... Se eu não ajudar, com certeza alguém o fará, pode ter certeza... Ok?

 

Agora quanto à sua dúvida entre a diferença entre class ou id, dê uma lida nesse material do Maujor:

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif A regra CSS

Caso tenha dúvidas, volte a postar!

 

Abraço!

[Giovani 104]

No fórum tem post sobre isso, caso precise de uma pesquisada.

[*]Qual a diferença de usar ID em vez de CLASS e vice-versa?