Problème de débordement d'un tableau dans un div sous ie7

Eléphanteau du PHP | 43 Messages

04 mars 2008, 01:00

Bonsoir,

J'ai un tableau dans un div, ce tableau peut éventuellement contenir un autre div (insertion de code php(highlight_string()) dans un post d'un forum via un bbcode), le problème c'est que même avec un overflow: scroll; qui s'applique bien sur ce div, le white-space: normal; ajouté ne s'applique visiblement pas et force donc le tableau à s'allonger quand même, comme si le texte (code php) inséré, débordait quand même malgré tout.
Le problème se manifeste uniquement sur ie7, il disparaît sous firefox à part le white-space qui ne s'applique pas non plus, mais n'étire pas le tableau.
Sous ie6 c'est le bonheur, l'effet white-space s'applique même s'il n'est pas précisé dans le css. On peut se demander pourquoi ils ont changé ça dans ie7.. :roll:

Voici le css du div en question :

Code : Tout sélectionner

#code { white-space: normal; overflow: scroll; width: 95%; border: 1px dashed #4b0082; padding: 5px; background-color: White; margin: 10px; max-width: 650px; }
Si ça peut vous aider à m'aider à corriger ce problème.

merci d'avance :)

EDIT : j'ai résolu mon problème, suffit juste d'appliquer un table-layout: fixed; dans le css, au tableau concerné.

Voilà, à plus !
Clicky