Ir para conteúdo

POWERED BY:

Arquivado

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

Denis Gubaua

Bug no amado IE, provavelmente no CSS

Por , em Desenvolvimento frontend

Recommended Posts

Denis Gubaua    0

Denis Gubaua
Postado

Olá a todos do fóruim, alguém poderia me ajudar com uns bugs que não faço ideia estarem ocorrendo com o IE?

Assim, no topo e no roda pé dos sites reparem que ele parece estar sem o CSS no IE, sendo que no chrome, opera e mozilla funciona normal.
duas referencias para o erro.
Aqui vai uma prévia do CSS da tennis & training, o da cicles eu uso praticamente da mesma forma, nada que no w3schools não mostre como sendo compatível em todos os browsers, até o que eu vi. Nunca me ocorreu erro, e agora todos os meus freelas estão dando pau no IE.
Eu trabalho em um CMS de uma empresa e posso modificar apenas algumas coisas, sendo só o topo e o roda pé que eu faço. não faço ideia do que pode estar errado, quem tiver um conhecimento para esse tipo de bug me avisa por favor, ja mexi em tudo e nada adiantou. Não sabia um site para colocar o codigo então vai aqui mesmo.
Não sei se pode ser erro no código, mesmo ele sendo um pouco amador, mais é funcional e feito da forma que aprendi no meu curso.
****************************************CSS************************************************

 

@font-face {
    font-family: 'futura_xblkcnit_btXBlkIt';
    src: url('futura_extra_black_condensed_italic_bt-webfont.eot');
    src: url('futura_extra_black_condensed_italic_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('futura_extra_black_condensed_italic_bt-webfont.woff') format('woff'),
         url('futura_extra_black_condensed_italic_bt-webfont.ttf') format('truetype'),
         url('futura_extra_black_condensed_italic_bt-webfont.svg#futura_xblkcnit_btXBlkIt') format('svg');
    font-weight: normal;
    font-style: normal;


}
@font-face {
    font-family: 'futura_xblkit_btXBlkIt';
    src: url('futura_extra_black_italic_bt-webfont.eot');
    src: url('futura_extra_black_italic_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('futura_extra_black_italic_bt-webfont.woff') format('woff'),
         url('futura_extra_black_italic_bt-webfont.ttf') format('truetype'),
         url('futura_extra_black_italic_bt-webfont.svg#futura_xblkit_btXBlkIt') format('svg');
    font-weight: normal;
    font-style: normal;


}


#tudoTopo{
width: 100%;
height: 320px;
border: 0;
padding: 0;
margin: 0;
display: block;
background: url(background_topo_tt.png) repeat-x;
}
#boasVindas p{
font-family: 'futura_xblkcnit_btXBlkIt';
font-size: 22px;
margin-left: 2%;
float: left;
width: 143px;
height: 25px;
color: #2e3192;
display: block;
margin-top: 22px;
/*border: 2px solid #000;*/
position: relative;
}
#menuSupeTopo {
width: 540px;
height: 35px;
float: left;
margin-top: 22px;
margin-left: 50%;
/*border: 2px solid #000;*/
position: absolute;
}
#menuSupeTopo ul {
margin-top: 5px;
/*border: 2px solid #900;*/
/*text-align: center;
*/ }
#menuSupeTopo ul li {
display: inline-block;
text-align: center;
margin-right: 5px;
margin-left: 5px;
/*border: 2px solid #090;*/
}


#bot1 {
width: 144px;
height: 36px;
background: url(meus_pedidos_ttl.png) no-repeat;
}
#bot1:hover{
background: url(meus_pedidos_tt_red.png) no-repeat;
}
#bot2 {
width: 170px;
height: 36px;
background: url(lista_desejos_tt.png) no-repeat;
}
#bot2:hover{
background: url(lista_desejos_tt_red.png) no-repeat;
}
#bot3 {
width: 141px;
height: 36px;
background: url(minha_conta_tt.png) no-repeat;
}
#bot3:hover{
background: url(minha_conta_tt_red.png) no-repeat;
}
#logoTopo{
width: 266px;
height: 100px;
float: left;
margin-left: 16%;
margin-top: 60px;
position: relative;
clear: both;
}
#menuInfeTopo{
width: 1024px;
height: 35px;
font-family: 'futura_xblkcnit_btXBlkIt';
font-size: 22px;
top: 260px;
display: block;
/*border: 2px solid #090;*/
position: absolute;
clear: both;
margin-left: 6%;
}
#menuInfeTopo ul {
display: block;
margin: 0;
padding: 0;
border: 0;
}
#menuInfeTopo ul li{
display: inline-block;
text-shadow: -0.5px 0.5px 5px #FFF;
}
#menuInfeTopo ul li a{
color: #2e3192;
text-shadow: 0.5px -0.5px 5px #FFF;
text-decoration: none;
vertical-align: -3px;
padding: 0px 0.3em;
}
#menuInfeTopo ul li a:hover{
color: #dd1d25;
text-shadow: 0.5px -0.5px 5px #FFF;
}

 

 

*******************************************************HTML**********************************************************

 

 

<head>
<meta charset="UTF-8" />
<title>Topo TT</title>
<link rel="stylesheet" href="style_tt_topo.css" />
</head>
<body>
<div id="tudoTopo">
<div id="boasVindas"><p>Olá Visitante!</p></div>
<div id="menuSupeTopo"><ul>
<a href=""><li id="bot1"></li></a>
<a href=""><li id="bot2"></li></a>
<a href=""><li id="bot3"></li></a>
</ul></div>
<div id="logoTopo"><a href="" alt="Home" /></a></div>
<div id="menuInfeTopo"><ul>
<li><a href="">INICIO</a></li>
<li>|</li>
<li><a href="">EMPRESA</a></li>
<li>|</li>
<li><a href="">DÚVIDAS</a></li>
<li>|</li>
<li><a href="">CONTATO</a></li>
<li>|</li>
<li><a href="">FRETE GRÁTIS</a></li>
<li>|</li>
<li><a href="">SEGURANÇA</a></li>
<li>|</li>
<li><a href="">ENTREGA</a></li>
<li>|</li>
<li><a href="">TROCAS E DEVOLUÇÕES</a></li>
</ul></div>
</div>
</body>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Denis Gubaua    0

Denis Gubaua
Postado

Irmaozinho no site : http://www.ciclesjaime.com.br/ apareceu um Bug so das bordas das IMG,

coloque no css ou no HTML border:none na IMG do logo e Rodapé;

 

 

eu coloquei, mais mesmo assim aquela borda aparece, daquela cor... até tentei um hack, não sei o que pode dar conflito, refiz toda a css pra teste e mesmo assim fico com problema, revisei todo o HTML não tem tag aberta sem fechar nem coisas do gênero, também não uso nada de HTML5, nunca vi um bug assim, pelo menos nunca ocorreu comigo. Ele funcionava normal, do nada começo isso!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Denis Gubaua    0

Denis Gubaua
Postado

to puxando pelo CSS, pra poder usar a hover, mais posso mudar qq coisa com o background position, dai acho que da pra puxar pelo HTML mesmo, certo?

 

qual seria o hack?

Compartilhar este post

Link para o post
Compartilhar em outros sites

andersonseifert    10

andersonseifert
Postado

Outra coisa fundamental cara sao as doctype se nao mais ou menos assim da bug tambem faz o teste :

 

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Compartilhar este post

Link para o post
Compartilhar em outros sites

Denis Gubaua    0

Denis Gubaua
Postado

 

Outra coisa fundamental cara sao as doctype se nao mais ou menos assim da bug tambem faz o teste :

 

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

olá, em primeiro obrigado pela atenção.

então o doctype eu nao posso mudar, no maximo tentar colocar as metas tag, mais doctype eu nao consigo pq dai já é responsabilidade da empresa que é dona da plataforma!

Compartilhar este post

Link para o post
Compartilhar em outros sites

andersonseifert    10

andersonseifert
Postado

É as metas Tag mesmo, ve se esta tudo ok, so que assim amigao se nao for isso de uma olhada nesse link , ai esta o Hack que precisa so chamar ele no CSS , isso cara tive que me lascar pra procurar mais achei e hoje estou passando a todos que entrar no Forum

afinal transmitir conhecimento nunca é de mais so aprendemos.

Qualquer coisa retorne .

 

http://fetchak.com/ie-css3/

http://www.richardbarros.com.br/blog/tutorial/rode-propriedades-do-css3-no-internet-explorer

 

<link type="text/css" rel="stylesheet" href="ie-css3.htc" /> <!-- HACK PARA IE7, 8 E 9 -->

Compartilhar este post

Link para o post
Compartilhar em outros sites

Denis Gubaua    0

Denis Gubaua
Postado

desculpe, viajei por uns dias a trabalho e tava sem 3G... entao, fiz aki mais nada certo... ja falei para mulher que não consigo resolver e se ela achar alguem que consiga pode ficar com o trabalho. Mais ainda vou tentar resolver... se eu conseguir eu aviso. Vlw pela ajuda!



baxei o arquivo e fiz exatamente como nos tutoriais, muito bom inclusive, pois nunca vi nada assim.... Mais infelizmente pra esse problema ele nao resolveu

Compartilhar este post

Link para o post
Compartilhar em outros sites

Denis Gubaua    0

Denis Gubaua
Postado

eu estava chamando pelo CSS pra usar o efeito hover nos botoes por exemplo... mais tem outros sites que eu fiz e chamo pelo html e da na mesma, nao cheguei a declarar sem borda pelo HTML, mais tentei o !important no css... vou ver no HTML se funciona... vlw!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Denis Gubaua    0

Denis Gubaua
Postado

Deu certo Viajante Denis :) ?

 

hahaha

 

desculpa eu tinha esquecido de vir aqui dar uma satisfação, a dona da agência trocou todas as senhas, dai entrei em contato ela falo que não precisava mais me preocupar pois ela seguiu meu concelho e pegou outra pessoa para tentar resolver, mais pelo visto ainda não conseguiu também, eu passei o link daqui do fórum e falei para testarem sua última ajuda, se testaram não sei dizer, mais ainda está com o problema lá... marco como resolvido aqui?

 

 

edit: Meu muito obrigado pela paciência e ajuda prestada... posso não ter tido sucesso ali, mais isto está aqui para referências futuras, que nosso amigo IE sempre vai estar fazendo a gente consultar estes hacks e soluções!

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