Eric Freitas Postado Junho 9, 2008 Denunciar Share Postado Junho 9, 2008 pessoal, no FF roda legal, as div's fixas ficam "estáticas" (sem movimento) direitinhocomo é pra ser no caso do posicionamento fixo mas no IE6 essa divalém de não sobrepor todo meu conteúdo (com a propriedade z-index) ela não fica fixa.alguém saberia contornar isso? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 JCMPJ Postado Junho 9, 2008 Denunciar Share Postado Junho 9, 2008 Quanto a position:fixed me parece que o tiu Bill que resolveu isso no IE 7 no 6 só com um script.De uma procurada aqui no forum que já postei um jeito de fazer isso. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Eric Freitas Postado Junho 9, 2008 Autor Denunciar Share Postado Junho 9, 2008 procurei, e encontrei uma solução com css mesmo. sem js.mas não consegui implementar!segue código:css (incompleto pra poupar espaço já q é so nesses seletores q estou mexendo)/* * - Corpo */ html,body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0px; margin-left:0px; height: 100%; overflow: hidden; } #conteiner{ padding-left:5px; overflow-x:visible; } html. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Minha Moto Nova</title> <script type="text/javascript" src="./html/ajax.js"></script> <script type="text/javascript" src="scripts.js"></script> <script type="text/javascript" src="fadeIn_fadeOut.js"></script> <script type="text/javascript" src="./html/fotosAjax.js"></script> <link href="css/css.css" rel="stylesheet" type="text/css" /> <!--[if lt IE 7.]> <link href='uno_ie6.css' rel='stylesheet' type='text/css' /> <style type='text/css'> img { behavior: url(iepngfix.htc); } </style> <![endif]--> </head> <body> <div id="foto_cima" > <div id="proximo" onclick="fotoProximo();"><img src="./html/imagens/seta_dereita.png" /></div> <div id="fechar" onclick="esconderFades();"><img src="./html/imagens/X.png" /></div> <div id="anterior" onclick="fotoAnterior();"><img src="./html/imagens/seta_esquerda.png" /></div> </div> <div id="foto"></div> <div id="img"></div> <div id="banner_vert"><img src="vert.png" width="201" height="562" /></div> <div id="conteiner"> <div id="logo"> </div> <div id="menu"> </div> <div id="publicidade"> </div> <div id="conteudo"> <span id="lateral"> </span> <span id="meio"> </span> <span id="rodape"> </span> </div> </div> </body> </html>o corpo perde a rolagem, mas não consigo colocar o scroll no conteiner dai a página toda fica "fixed"-> aguardo respostas.ObrigadoAtt. Eric Rodrigo de Freitas Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 JCMPJ Postado Junho 9, 2008 Denunciar Share Postado Junho 9, 2008 Onde você achou esse .htc?Lá não tem uma explicação de como usa? Diz ai onde você o achou. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Eric Freitas Postado Junho 9, 2008 Autor Denunciar Share Postado Junho 9, 2008 Onde você achou esse .htc?Lá não tem uma explicação de como usa? Diz ai onde você o achou.esse htc é para o IE reconhecer a transparência dos arquivos .pngou seja, não tem nada haver com minha dúvida.mas respondendo sua pergunta. peguei ele no meu trabalho.O arquivo css. q estou usando para o IE6 é: uno_ie6.csse como dito anteriormente, estou mexendo somente em 1 seletor e nas tags body e html. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 KaKarotto Postado Junho 10, 2008 Denunciar Share Postado Junho 10, 2008 Ó, by micox<style type="text/css"> /* FAZ OS POSITION FIXED NOS NAVEGADORES PADRÃO (não mexa) */ .fixed { position: fixed !important; } </style> <!--[if lt IE 7]> <style type="text/css"> /* FAZ O POSITION FIXED PARA O IE (não mexa). Para funcionar o DTD do documento deve estar correto. E não ser quirksMode By Micox - micoxjcg@yahoo.com.br - elmicox.com - elmicox.blogspot.com */ .fixed { position: absolute !important; } body { height: 100% !important; width: 100% !important; margin: 0 !important; position: relative; } html { overflow-y: hidden !important; } #newbody { position: relative !important; overflow-y: scroll !important; height: 100% !important; width: 100% !important; margin: 0 !important; } </style> <![endif]--> <style type="text/css"> /* COLOQUE AQUI O RESTANTE DAS ESTILIZAÇÕES QUE NÃO TENHAM A VER COM POSITION FIXED MAS NÃO DECLARE MARGINS, PADDINGS, POSITIONS, DIMENSÕES OU OVERFLOWS PARA HTML, BODY E NEWBODY */ </style>Você pode ler a respeito aqui: http://www.elmicox.com/2007/simulando-posi...sem-javascript/Ele explica direitinho a idéia da gambi. Aquele abraço. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Eric Freitas Postado Junho 10, 2008 Autor Denunciar Share Postado Junho 10, 2008 funcionando =D - Obrigado. Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Eric Freitas
pessoal, no FF roda legal, as div's fixas ficam "estáticas" (sem movimento) direitinho
como é pra ser no caso do posicionamento fixo mas no IE6 essa div
além de não sobrepor todo meu conteúdo (com a propriedade z-index) ela não fica fixa.
alguém saberia contornar isso?
Link para o comentário
Compartilhar em outros sites
6 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.