[Resolvido] incompatibilidade FF

[Wellington09 1]

Pessoal estou criando um site aqui e estou usando o Mozilla Firefox 3.5.2 e as vzs tenho que criar hacks css para os outros browsers inclusive nosso amigo do coração o IE neh que quase não precisa de hacks rs.

 

Então pessoal hj outro desenvolvedor aqui do meu serviço acessou o mesmo site que eu estou desenvolvendo só que ele estava usando o Mozilla Firefox 3.0.13 e ai deu umas diferenças em algumas paginas icones fora de lugar enquanto na versão 3.0.5 estava tudo beleza alguem sabe se existe hacks css para a versão do FF 3.0.13 ?

 

A web é uma zona mesmo viu ninguem mantem o padrão de nada , só espero que com a chegada do HTML 5 eles resolvem os problemas ou pelo menos a maioria .

[William Bruno 1501]

A maioria dos problemas de 'incompatibilidade', são na verdade, erros nos códigos xHTML e CSS.

o Firefox 'já nasceu', renderizando bem, seguindo padrões e tal.

 

web é uma zona, por causa de diversos fatores, mas 'nós' ajudamos a criar essa zona tb.

Eu não me lembro de ter tido problemas com versões do FF.

Como está o seu código ?

[Wellington09 1]

já encontrei o erro

 

meu codigo HTML

<h2>
   <img src="img/img-forms/gerenciar.png" width="25" height="23" title="Gerenciar">
   <fmt:message key="campo.busca.titulo"/> 
   <fmt:message key="campo.menu.cadconta"/>			
</h2>    

meu código CSS
h2 img
{
  float:left
  margin-left:3px;
  margin-right:2px;
}

Agora se eu deixar o código HTML assim identar os comandos ele funciona nas duas versões

 

<h2><img src="img/img-forms/gerenciar.png" width="25" height="23" title="Gerenciar"><fmt:message key="campo.busca.titulo"/><fmt:message key="campo.menu.cadconta"/></h2>

então para não deixar deste jeito eu apaguei o float: left; do CSS e ficou tudo beleza nas duas versões.

 

Mas mesmo assim era pra funcionar na versão 3.0.13 ela não está entendendo o float dependendo do jeito que você está usando no meu caso eu usei o float para deixar o texto flutuando na direita da imagem e no centro dela , mas se eu tiro o texto cai e mesmo colocando valor negativo do ,line-height ela não subia de jeito nenhum.

 

mas beleza já fiz funfar aqui valeu pela ajuda

[William Bruno 1501]

Erro de sintaxe:

h2 img

{

float:left

margin-left:3px;

margin-right:2px;

}

está fatando um ponto e vírgula depois do float :left;

 

Passe teus códigos pelo validador.

http://validator.w3.org/

http://jigsaw.w3.org/css-validator/

 

Lá esses erros aparecem facilmente.