Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala galera,
Estou com um probleminha num site no qual faço manuntenção. No rodapé do site é incluso um footer.php com alguns logos e links, como pode se ver na imagem abaixo, tirada do FireFox:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img267.imageshack.us/img267/9360/footerokph5.jpg&key=5aa0cf58fdf2cbdbbb62a99dc1df75065d1fe02d561a27318137f412b97f81fb" alt="Imagem Postada" />
Porém no IE6 não apareçe uma parte, como mostra a img abaixo:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img67.imageshack.us/img67/8117/footerwrongjw3.jpg&key=601289d711ac2cbcc44da7f5e6fee9c1d853d5e8c307d64d57740e420b94ad5e" alt="Imagem Postada" />
Esse erro aconteçe somente no IE6, no FireFox e no IE7 está normal, segue abaixo o link do site:
Espero que possam me ajudar!
Abraços!
:D
>
O IE6 tem um bug. Ele duplica as margens de elementos flutuados, se eles estiverem no mesmo sentido da margem.
(float:left+ margin-left). Adicione um display:inline, para contornar esse bug.
Não verifiquei a marcação toda, mas tem algumas coisas bem estranhas, e todas essas margens negativas ai..
Sempre que possível, poste o trecho do código em questão, pois agiliza e motiva o pessoal do fórum à te ajudar.
Fala Willian, o problema é realmente nessa parte ai da CSS mesmo, porém eu coloquei o "display: inline" mais não mudou =//
Abraços!
Testinha o site mudou 2 vezes complemente em 2 dias.
O código em questão sumiu. O projeto foi abandonado? você mudou o link da página?
Conseguiu resolver?
Se a dúvida persistir, sugiro que coloque o código, se não for possível manter online, pois é mais dificil ajudarmos em algo que não sabemos como foi feito.
>
Testinha o site mudou 2 vezes complemente em 2 dias.
O código em questão sumiu. O projeto foi abandonado? você mudou o link da página?
Conseguiu resolver?
Se a dúvida persistir, sugiro que coloque o código, se não for possível manter online, pois é mais dificil ajudarmos em algo que não sabemos como foi feito.
Fala Willian, beleza??
Então, to fazendo algumas mudanças na página sim, mas a parte em questão é o rodapé da página, onde tem um logo da Tour Latina e um do Brasil, com alguns links do lado direito, esses links são todos imagens incoporadas via CSS, que no FireFox e no IE7 funcionam normalmente, porém no IE6 não apareçe, segue o código introduzido na página:
<!-- footer -->
<div id="footer" class="clearfix">
<div class="brasil"><span>Brasil</span></div>
<div class="tour_latina"><span>TOUR LATINA</span></div>
<div class="copyright"><span>2006 - TODOS OS DIREITOS RESERVADOS</span></div>
<ul>
<li><a href="/legal-terms/" title="Legal Terms" class="legal-terms"><span>Termos legais</span></a></li>
<li><a href="/privacy-statement/" title="Privacy Statement" class="privacy-statement"><span>Política de Privacidade</span></a></li>
<li><div class="seller-of-travel"><span>Seller of Travel</span></div></li>
</ul>
</div>/ FOOTER/
#footer {padding: 30px 0px 0px 10px; width: 950px;}
#footer .brasil {display: inline; margin-left: 80px; margin-top: -20px;}
#footer .tour_latina {display: inline; margin-left: 160px; margin-top: -40px;}
#footer .copyright {display: inline; margin-left: 260px; margin-top: -20px;}
#footer ul li {display: inline; float: left; margin-left: 6px;}
#footer ul li a {display: inline; float: left;}
#footer .legal-terms {display: inline; margin-left: 415px; margin-top: -10px;}
#footer .privacy-statement {display: inline; margin-left: 550px; margin-top: -10px;}
#footer .seller-of-travel {display: inline; margin-left: 665px; margin-top: -10px;}
#footer .brasil {background: url(../_img/en-us/brasil.jpg) no-repeat; width: 65xp; height: 50px;}
#footer .tour_latina {background: url(../_img/logo_tour_latina.gif) no-repeat; width: 82px; height: 25px;}
#footer .copyright {background: url(../_img/en-us/tit_copyright.gif) no-repeat; width: 155px; height: 10px;}
#footer .legal-terms {background: url(../_img/en-us/tit_legal_terms.gif) no-repeat; width: 128px; height: 10px;}
#footer .privacy-statement {background: url(../_img/en-us/tit_privacy_statement.gif) no-repeat; width: 110px; height: 10px;}
#footer .seller-of-travel {background: url(../_img/en-us/tit_seller_of_travel.gif) no-repeat; width: 168px; height: 10px;}
#footer span {display: none;}Abraços!:D
/ FOOTER /
#footer {padding: 30px 0px 0px 10px; width: 950px;}
#footer .brasil {margin-left: 80px; margin-top: -20px;}
#footer .tour_latina {margin-left: 160px; margin-top: -40px;}
#footer .copyright {margin-left: 260px; margin-top: -20px;}
#footer ul li {float: left; margin-left: 6px;}
#footer ul li a {float: left;}
#footer .legal-terms {margin-left: 415px; margin-top: -10px;}
#footer .privacy-statement {margin-left: 550px; margin-top: -10px;}
#footer .seller-of-travel {margin-left: 665px; margin-top: -10px;} O IE6 tem um bug. Ele duplica as margens de elementos flutuados, se eles estiverem no mesmo sentido da margem.(float:left+ margin-left). Adicione um display:inline, para contornar esse bug.
Não verifiquei a marcação toda, mas tem algumas coisas bem estranhas, e todas essas margens negativas ai..
Sempre que possível, poste o trecho do código em questão, pois agiliza e motiva o pessoal do fórum à te ajudar.