Travailler pour rendre le rendu CSS table-cellule correctement dans IE6/7?

Question

Mon site apparaît bien dans IE8/Firefox/Chrome mais je n'arrive pas à comprendre comment le faire fonctionner avec IE.

Le CSS concerné:

#maincontent { 
    display: table; 
} 

#content { 
    display: table-cell; 
    width: 620px; 
    padding-left:4%; 
    padding-right: 22px; 
    padding-bottom:15px; 
} 

#sidebar { 
    display: table-cell; 
    width: 300px; 
} 

#content et #sidebar sont en #maincontent. Sur IE6/7 #sidebar sera sous #content. J'ai essayé de placer la barre latérale à display:block avec un float, et il rendra alors bien dans IE6/7 mais tous les autres navigateurs se foutillent. Comment puis-je obtenir cette configuration?

Answer 1

Les tables CSS ne sont pas prises en charge dans Internet Explorer. Par conséquent, vous voudrez probablement essayer de n'utiliser que des flottants et des marges. Je vous recommande de jeter un oeil au positionnement sur one of these templates et de travailler à partir de là.

Answer 2

De W3Schools:

Aucune version d'Internet Explorer (y compris IE8) soutenir la propriété valeurs "en ligne table", "run-in", "table", "table-caption" , "table-cellule", "table-colonne", "table-colonne-groupe", "table-rangée", ou "table-rangée-groupe".

La meilleure solution est probablement de construire une table réelle.