par
Clicky » 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..
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 !
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 [b]overflow: scroll;[/b] qui s'applique bien sur ce div, le [b]white-space: normal;[/b] 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]#code
{
white-space: normal;
overflow: scroll;
width: 95%;
border: 1px dashed #4b0082;
padding: 5px;
background-color: White;
margin: 10px;
max-width: 650px;
}[/code]
Si ça peut vous aider à m'aider à corriger ce problème.
merci d'avance :)
[color=blue]EDIT : j'ai résolu mon problème, suffit juste d'appliquer un [b]table-layout: fixed;[/b] dans le css, au tableau concerné.[/color]
Voilà, à plus !