Incompatibilidades com FireFox?

[coldblue]

Eu uso o IE6 e instalei o FireFox pq faço cenas em HTML/CSS. Actualmente estou a fazer o meu portfolio online e cheguei à triste conclusão que o firefox não interpreta correctamente CSS do mais básico que existe (absolut position).

Já de voltas e mais voltas... e sempre a mm coisa.

E eu não sou um newbie qq. Já dou nisto há bues... Comecei a ver código das págs qd começou a "era" netpac da telepac. Sou um dinossauro!!! LOL

ainda posto o problema aqui para ver se algum iluminado descobre uma solução para a gaffe.

[coldblue]

http://coldblue.webcindario.com/firefoxtest.htm
http://coldblue.webcindario.com/css/default.css

ora topem lá o desalinhamento no firefox...
checkam o código, o css e tá em erros...

[Kaipyra]

O teu css parece ter erros:

http://jigsaw.w3.org/css-validator/vali ... medium=all

Segundo o W3 CSS Validator.

O Firefox tem fama de fazer um excelente render... desde que as regras sejam escruplosamente cumpridas...

[alfatek]

para além da página n estar válida o 'problema' parece-me muito simples:

.bga {
padding: 25px;
width: 450px;
}

O firefox interpreta isto como desenhar uma box d 450px + padding de 25px. O IE mete a box a 450px e faz dentro dela o padding. Isto é um pormenor bastante conhecido, procura por box model, axo k é o nome disto.

Mas tenho duvidas s sera msm isto, é k do k m lembro o problema costumava ser ao contrario... tenta meter os docs validos e tentar novamente, senão é + dificil detectar problemas devido a interpretações diferentes do mesmo browser, consoante o modo d rendering: quirks, strict, etc...

[Atenção k só dei 1 vista d olhos nisto, n m responsabilizo por eventuais calinadas cometidas ]

[coldblue]

obrigado pela ajuda! e desculpem lá... parece q me excedi a barreira do off topic. vou verificar isso que me disseram!

até já! obrigado

[coldblue]

A maior parte dos erros que apareciam eram das scrollbars, dos filtros do IE de opacidade e dos cursors. Estes ultimos eram interpretados correctamente, embora para serem 100% correctos faltava acrescentar ", default;", o que desconhecia pq o dreamweaver mx n o faz, nem permite - tem q ser mm à mão.

O problema é mesmo Box Model. Acho isto mesmo ridículo... mas pronto.

Descobri várias maneiras de resolver. Há quem faça nested divs (divs dentro de divs) ou use CSS Hacks - foi o que usei. Assim:

* html .bga {
background-color: #4C585D;
background-image: url(../img/bg45a.gif);
padding: 25px;
margin: 0px;
width: 450px;
position: relative;
left: 0px;
top: 0px;
}
.bga {
background-color: #4C585D;
background-image: url(../img/bg45a.gif);
padding: 25px;
margin: 0px;
width: 400px;
position: relative;
left: 0px;
top: 0px;
}

Desta forma, o IE6 lê a * html .bga{} e o FireFox lê o .bga{}. Problema resolvido!
Resta saber se o IE5 lê isto correctamente.

Mais uma vez, obrigado!

[Tretabyte]

Boas,
o prob é que o IE "mama" tudo o que lhe vem pela frente, é por isso que tudo o que é bug afecta o IE agora o firefox ou qualquer browser que seja digno desse nome segue os standards e, como tal, se as coisas nao estao bem feitas nada feito.

sem mais
Tretabyte

[alfatek]

Neste caso os especialistas nem criticam muito o IE porque é mesmo uma diferença de interpretação e não um erro claro ao standard... Claro que se eles seguissem todos as mesmas regras a web era bem + fácil... hacks são sempre hacks...

[metralha761]

Bem com firefox ja vi pelo menos 1 site k usam metade do codigo, o k origina erros e a visualização muito diferente que no IE.

E pelo que parece sao mesmo erros k nao sei como dao, como &nbsp sem o ; no final, o IE deve interoretar como  , evitando pekenos erros de eskecimento, mas...