Ir para conteúdo

POWERED BY:

Arquivado

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

Eric Vinícius

Altura de elemento - IE 7

Recommended Posts

Olá pessoal, bom dia/tarde a todos.

 

Olha, essa marcação está funcionando nos seguintes navegadores: IE6,IE8, Chrome, Firefox, Opera.

 

O único que "reclamou" foi o lindo IE7 (como amo :angry: )

 

Quando adiciono noticias, a div em vermelhor cresce. E somente no IE 7 a mesma não empurra o rodapé.

 

Segue a marcação:

<div id="meio_centraliza">
       <div id="destaque-inicial">            
           <div id="destaque-inicial-flash"><p style="font-size: 50px">FLASH</p></div>
           <div id="destaque-inicial-banner-right"></div>
       </div>
       <div id="conteiner-baixo">
           <div id="conteiner-baixo-left">
               <div id="atendimento"></div>
               <div id="noticias">
                   <ul id="ul-noticias">
                       <li>NOTICIA</li>
                       <li>NOTICIA</li>
                       <li>NOTICIA</li>
                       <li>NOTICIA</li>
                       <li>NOTICIA</li>
                   </ul>
               </div>
           </div>
      </div>
  </div>


CSS:
#tudo {
   width:100%;
   position:relative;  /*Contexto de posicionamento */
   /*    background:#fff url(../imagens/bg.jpg) top no-repeat;*/
   margin:0 auto;    
   min-height:100%;/**/    
}
* html #tudo {height: 100%;}
#conteudo {
   padding-bottom:110px;
}

#meio_centraliza {   
   border: 2px solid red;
   width: 880px;
   margin: 20px auto 0 auto;
   display: table;
}
#meio_centraliza #conteiner-baixo-left #noticias{
   padding: 5px;
   width: 499px;
   min-height: 405px;
   background: #FFF;
   margin: 20px 0 0 0;
   border: 1px solid #ccc;
}

Obs.: Estou usando o hack para ie6 do min-height. Somente.

 

Alguém poderia me ajudar?

Segue o link do problema. Quem tiver um IETester da vida, poderá visualizar o problema no ie7.

Problema

Grato desde já.

 

Forever Alone? :(

Compartilhar este post


Link para o post
Compartilhar em outros sites

para o ie6:

 

#meio_centraliza #conteiner-baixo-left #noticias{
height: 405px;
}

 

o teu height 100% na #tudo, não está fazendo muito sentido.. (nem tá funcionando).

já já eu vejo no ie7.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá, William. Obrigado pela atenção.

 

Se você perceber, o height da #tudo está comentada.

 

E estou usando para o IE6, sim.

 

min-height: 405px;
height: 405px;

A bronca mesmo, é só no IE7.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.