Problema com Rodapé no IE 7

[Edson Souza 0]

Bom dia, gostaria que se posssivel alguém me ajuda-se com esse problema, o rodapé aparece perfeitamente no FF, Opera, Google, IE6 porém no IE 7 ele aparece no meio do conteúdo.

 

#rodape{
       position:relative;
       bottom:0px;
       width: 902px;
       margin-left: auto;
       margin-right: auto;
       height: 55px;
       background: url(../imagens/layout/bg_top.png) left top repeat-x;

}

[Justin Bieber 0]

Não é Position:Relative, é Position:Absolute.

Coloque uma Div, com propriedade Clear:Both; em cima da sua Div do Rodapé.

 

De preferencia coloque essa DIV dentro de uma outra Div que esteja acima do Rodapé. No final.

 

Se nao der certo, mostre nos o HTML e o CSS.

[Edson Souza 0]

Não é Position:Relative, é Position:Absolute.

Coloque uma Div, com propriedade Clear:Both; em cima da sua Div do Rodapé.

 

De preferencia coloque essa DIV dentro de uma outra Div que esteja acima do Rodapé. No final.

 

Se nao der certo, mostre nos o HTML e o CSS.

 

 

 

    

           <div id="clear">      
    	<div id="rodape"> <br> <div align="center"><font size="-2"> <font color="#ffffff">Chácara Canaã / Parque industrial Manduri-SP   Fone 14 3356-2212 <br>
               Escritório de vendas  – São Paulo
Fone: (11) 2351-2820
Rua Pessoa de Barros nº 135 / Bairro Santana – São Paulo
<br>
</font></font></div>
       </div>
       </div>
        </div>


     </body>
</body>
</html>

 

 

Esse navegador de fato esta dando trabalho para acertar esse detalhe, esta ai o html e as divs

 

Quando eu coloco

 

Position:Absolute;

 

Ele sobre põe a pagina de outros navegadores, quando eu coloco Relative, ele fica certo, mas dá esse problema no IE 7

[Justin Bieber 0]

Nao é para a Div Clear Englobar a do Rodapé, eh pra abrir e fechar ela acima do rodapé somente.

 

<div id='clear'></div>

 

Só isso.

[Edson Souza 0]

CSS

 

#rodape{
position:absolute;
bottom:0px;
width: 902px;
margin-left: auto;
margin-right: auto;
height: 55px;
background: url(../imagens/layout/bg_top.png) left top repeat-x;

}

 

 

o Código HTML

 

<div id="clear">   </div>   
    	<div id="rodape"> <br> <div align="center"><font size="-2"> <font color="#ffffff">Chácara Canaã / Parque industrial Manduri-SP   Fone 14 3356-2212 <br>
               Escritório de vendas  – São Paulo
Fone: (11) 2351-2820
Rua Pessoa de Barros nº 135 / Bairro Santana – São Paulo
<br>
</font></font></div>
       </div>
       </div>

 

 

Ele continua com o problema, será que tem algum código especifico para o IE 7, ou há erros nos meus códigos, eu fiz a mudança que mencinou.

 

#clear{
clear:both;
}

[Justin Bieber 0]

Vou te dar um link onde aprendi fazer isso.

http://maujor.com/tutorial/rodape-embaixo-da-janela.php

[Edson Souza 0]

Vou te dar um link onde aprendi fazer isso.

http://maujor.com/tutorial/rodape-embaixo-da-janela.php

 

 

Obrigado pelo link e as informações. Vou pesquisar para ver se encontro uma solução. Fico Grato