Discussion :

[pierrot10]

Bonjour,
je me casse la tete a trouver une solution alors je viens vers vous.

J'ai resolu mon probleme en ajoutant dans mon CSS un propriété:

max-width:100%

Le probleme c'est que dans mon cas c'est une fonction javascript qui doit définir la largeur de mon <div id="col2"> en fonction d'une condition.

Si la condition est respectée (ca ca marche tres bien):

Code :

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

document.getElementById('col2').style.width="750px";

Si elle ne l'est pas

Code :

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

document.getElementById('col2').style.width="100%";

Simplement c'est pas "width" que je veux, mais "max-width". Mais comment on fait ca en javascript

CSS: widht:100% --> Javacsript: .style.width="100%"
CSS: max-width:100% --> Javacsript: ????????

Merci merci merci

Ah, en fait, avec FF ca marche tres bien avec document.getElementById('col2').style.width="100%";

C'est parce qu'avec IE, ca ne marche pas, et il faut donc que j'utilise max-width, pour que mon probleme disparaisse

[magnus2005]

Trés bonne question :
Si ça peux t'aider,voici la liste de reference Javascript->css2

http://codepunk.hardwar.org.uk/css2js.htm

mais il n'y a pas max et min width.
C'est peut être minWidth et maxWidth.
il me semble que max width est ignore pas IE6 en generale.

[pierrot10]

merci, oui, j'ai constaté que le max-width est ignoré par IE

[SpaceFrog]

j'ai croisé un jou run hack pour simuler le max-width sous IE ...
googlise "max-wdith IE hack css"

Code :

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

.class { width: expression(this.width > 533 ? 533: true); }