Discussion :

[bat]

Salut à tous,
j'ai dans ma page HTML un div tout simple avec une taille fixée.
En javascript, je viens mettre à jour le contenu de ce div avec une longue phrase : mon div s'allonge alors de la longueur de la phrase, au lieu que le texte soit coupé (sauts de ligne).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<div id="zone1" style="position:absolute; width:50">
 
</div>
<script language="javascript">
document.getElementById('zone1').innerHTML = 'une longue longue longue longue longue phrase';
</script>

Est ce que quelqu'un voit une solution pour fixer "vraiment" la taille de mon calque à 50 px ??

Merci beaucoup d'avance

modéré par denisC : ajout d'un tag au titre

[nako]

Salut,
mettre px après 50 ?
histoire de lui dire de quoi il s'agit ?
a+

[SpaceFrog]

y'a u truc avec text-wrap ... je crois

[denisC]

Salut,
mettre px après 50 ?
histoire de lui dire de quoi il s'agit ?
a+

+1

Sinon, width est correctement interprété sous Ffx comme étant la taille (ni plus ni moins), alors que sous IE, contrairement au recommandations du W3C, IE agrandit les élements si nécessaire...

[bat]

J'ai essayé de mettre "px" mais ça ne change rien :
sous IE : le div est agrandit
sous FF : le div fait la bonne taille, et le texte dépasse sur la droite (!)

J'ai trouvé la propriété "white-space: normal" pour FF, mais rien pour IE...

C'est quand même pas possible qu'un problème aussi "basique" n'est pas de solution, si ?

[denisC]

J'ai trouvé la propriété "white-space: normal" pour FF, mais rien pour IE...
C'est quand même pas possible qu'un problème aussi "basique" n'est pas de solution, si ?

Normalement, par défaut c'est en white-space: normal (d'ou le nom).

Et sinon, c'est un défaut bien connu de IE que d'agrandir les boites qui ne lui plaisent pas.... Fais en sorte qu'il ne puisse pas l'agrandir (avec des padding pas exemple).

[bat]

avec des padding ?? heu .... pas compris Lol.
On peut faire ça même si mon div est en position absolute ?

[SpaceFrog]

css IE =>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 word-wrap: break-word;

[SpaceFrog]

ou normal d'ailleurs... mais là il peut augmenter un peu la largeur ...

[bat]

ARgg j'ai essayé aussi mais ça ne change rien : du coup je fais du wordwrap avec php, mais c'est quand même pas le top