Td en display block sous IE

Bonjour à tous, après pas mal de recherches infructueuses sur le net, je fais appel à vous quant à mon problème, en effet j'ai un menu généré dynamiquement par mon cms sous la forme d'un tableau, sous tous les navigateurs sauf IE évidement, la mise en forme par css marche au poil.

J'ai du code style :

<table>
  <tr>
    <td>blabla</td>
    <td>bloblo</td>
    <td>blibli</td>
  </tr>
</table>

et mon css du style :

td{
  display: block;
}

Donc sous IE les cell ne vont pas la ligne comme je le voudrais et comme le font tous les autres navigateurs...
J'ai vu quelques piste le net mais ça ne fonctionne pas, c'était du genre mettre les cell en float: left ou alors la j'ai pas compris mais il y avait aussi : * {zoom:1;}
Auriez-vous une idées pour me dépanner ?
En vous remerciant d'avance !

Bonjour,

Peut-être avec : display: inline-block ?

Voir cette page.


à plus,

éric
Modifié par padding-top (31 Mar 2011 - 09:30)

Bonjour,

Remplacer le tableau par un <div> et des <p>aragraphes ne serait-il pas plus logique ?

Re, je ne peux pas remplacer les éléments html, en effet c'est un cms qui génère le menu encapsulé dans un tableau...
J'y avais penser...

merci

Hello,

en display: table-row ça devrait marcher je pense.

Bonne chance.

PS : pour rappel, les valeurs "avancées" de display ne fonctionnent pas avant IE8
Modifié par Raphael (31 Mar 2011 - 12:41)