Diferença no IE6 e nos outros

[camilo.oliveira 0]

Fala galera.

 

Dessa vez estou postando pra pedir ajuda!

 

Estou arrumando um negócio no site da festa Bacardi B-Live.

 

O site aparece perfeito para os visitantes com IE 6 e com a home quebrada para os usuários de outros browsers.

Já tinha notado isso há um tempo, mas estava sem tempo pra arrumar.

 

Agora tenho que deixar isso pronto até 2ª feira, hora do almoço.

 

 

O CSS tem mais de 1500 linhas, pensei que ia ficar um dia só pra entender o código e o outro pra conseguir mexer nele e o outro dia pra consertar possíveis paus.

 

Demorei 10 minutos pra achar onde tinha que mexer e 15 pra mexer nele!!!

 

Mas aí veio o problema, explico pra vocês.

 

 

O site foi feito todo em tableless (não, nem o CSS nem o XHTML são válidos, mas não fui eu quem fez) e 'cabeu' [sic] a mim a tarefa de alterá-lo.

 

 

Então vou explicar a estrutura dele como é.

 

Temos um menu superior e uma animação feita em flash - é tudo um arquivo só.

 

Abaixo disso temos um box falando sobre wap.

 

Mais pra baixo temos o conteúdo principal da home.

 

 

Do lado esquerdo o destaque principal e links para cadastro, fotos e a rádio.

 

Ao lado, no centro, um flash com os drinks que a Bacardi oferece.

 

Do lado direito um box sobre vídeos e outro abaixo com notícias.

Às vezes adicionamos um box com um relógio com contagem regressiva e diminuímos uma notícia embaixo.

 

 

Depois um box com um menu inferior e o rodapé.

 

 

 

Pra colocar as coisas "pra baixo" nos browsers standard e no IE 7, adicionei margin-top nas divs do destaque principal, do flash dos drinks e no box dos vídeos.

 

Perfeito.

 

Ficou exatamente igual ao que aparecia no IE 6.

 

Aparecia.

 

Agora o IE 6 ficou quebrado.

 

Mas tudo isso foi de propósito, é melhor ter que arrumar pra um browser só do que para todos - esse browser que apesar de líder de mercado, não entende nem metade das CSS e causa problemas aos desenvolvedores.

 

Decidi usar os Conditional Comments pra resolver a questão.

Era facinho, eu só não contava com uma coisa.

 

 

Há uma class que chama box_lat, que aparece em algumas partes do site, como na home (meu problema é só na home) nos 2 boxes da direita.

 

Naturalmente, eu entraria no CSS e faria as alterações, mas o estilo está inline no HTML. Essa é a treta.

 

Não posso alterar no CSS porque afetaria os dois boxes onde a div aparece, então teria que mexer no estilo inline, onde há um margin-top em cada div.

 

Tentei colocar os comentários específicos pro IE 6, mas acabei abrindo 2 divs nele (a do comentário e a padrão).

 

 

O mesmo acontece para o destaque principal da esquerda - o da foto.

 

E pra completar o IE 6 está lendo o CSS que não deveria....esse eu realmente não entendo, está tudo certinho... e o flash dos drinks aparece no lugar errado.

 

 

Olhe a página de teste no IE 6 e no 7 (ou no Firefox).

 

http://www.bacardiblive.com.br/home/index2.html

 

Endereço do CSS para todos os browsers - http://www.bacardiblive.com.br/css/stylesRadiot.css

 

Endereço do CSS para o IE 6 - http://www.bacardiblive.com.br/css/stylesRadio2.css

 

 

Preciso que me ajudem a pensar como vou colocar o estilo para os browsers diferentes, o que colocar eu já sei, a "parte suja" já foi feita, não consegui fazer a simples!!!

 

Vamos quebrar a cabeça juntos hehehe!!

 

Se eu conseguir sozinho posto a solução aqui.

 

Se eu não expliquei direito ou alguém quiser mais detalhes fique à vontade pra comentar.

 

 

[ ]´s

[camilo.oliveira 0]

O problema agora está menor.

 

No Firefox há um espaço entre o título das notícias e o texto (no box inferior do lado direito)

 

 

http://www.bacardiblive.com.br/home/index2.html

 

Nos IE 6 e 7 está perfeito.

 

 

Só falta isso, tenho até 2ª feira ao 12h pra entregar, acho que consigo.

Se vocês puderem me ajudar entrego bem antes do prazo.

 

A preocupação é o IE 7, já arrumei, mas é bom funcionar perfeito por causa do Firefox.

 

No Opera a parte de baixo de cada box fica toda quebrada...não tenho a menor idéia o porquê.

O problema que dá no Firefox não acontece com ele.

Mas o número de acessos do Opera deve ser tão insignificante que nem falaram nele.

 

 

Então assim:

 

IE 6 e IE 7 » perfeitos

Firefox » Distância estranha entre título e texto em box inferior direito

Opera » Parte de baixo dos boxes não aparece - exceto a imagem inferior direita

 

 

[ ]´s