Ir para conteúdo

POWERED BY:

Arquivado

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

InterPlanet

[Resolvido] Div com display:table-cell

Recommended Posts

Olá!

 

Tenho o seguinte CSS:

 

.Pagina_Corpo {width:100%; height:auto; display:table;}
.Pagina_Lateral {width:auto; height:100%; display:table-cell;}
.Pagina_Conteudo {width:auto; height:100%; display:table-cell;}

Aplicado no seguinte HTML:

 

     <!-- CORPO -->
     <div class="Pagina_Corpo" id="Corpo">
       <!-- LATERAL -->
       <div class="Pagina_Lateral" id="Lateral">
         ...
       </div>
       <!-- CONTEUDO -->
       <div class="Pagina_Conteudo" id="Conteudo">
         ...
       </div>
     </div>

Nos navegadores descentes como ff e chrome, beleza, ja na porcaria do IE:

 

forum_div.png

 

Como removo essa borda/espaçamento que so aparece no IE?

Compartilhar este post


Link para o post
Compartilhar em outros sites

.Pagina_Corpo {width:100%; height:auto; display:table; border:none;}
.Pagina_Lateral {width:auto; height:100%; display:table-cell; border:none;}
.Pagina_Conteudo {width:auto; height:100%; display:table-cell; border:none;}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Oi @Santosbio

Não funcionou!

Obrigado pela resposta.

 

---------------------------

EDIT:

 

Problema Resolvido!

 

Achei a soluçao no bom e velho google [ border-collapse:collapse; ]:

 

.Pagina_Corpo {width:100%; height:auto; display:table; border-collapse:collapse;}
.Pagina_Lateral {width:auto; height:100%; display:table-cell; }
.Pagina_Conteudo {width:auto; height:100%; display:table-cell; }

:D

Abraço a todos da comunidade.

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.