Display: table; - div caindo para a esquerda

23 05 2008

Esses tempos me deparei com um problema, eu tinha uma div que possuía duas outras dentro dela, algo como:

<div id=”centro”>
<div id=”menu”>
</div>
<div id=”dir”>  </div>
</div>

colocando “display: table” para a div centro, o meu conteúdo da direita estava sempre caindo para baixo do menu. A solução foi alterar para “display: block” que corrigiu a situação ( o roblema ocorria no firefox ).

E a lição que fica é: para que transformar uma div em tabela? A menos que seja realmente necessário, use display: block e evite problemas :)