Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) IE6 erro - CSS


Eric Freitas

Pergunta

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

  • 0

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.

Obrigado

Att. Eric Rodrigo de Freitas

Link para o comentário
Compartilhar em outros sites

  • 0
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 .png

ou 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.css

e como dito anteriormente, estou mexendo somente em 1 seletor e nas tags body e html.

Link para o comentário
Compartilhar em outros sites

  • 0

Ó, 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.

Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...