Discussion :

[mimzer]

Bonjour,
je suis en train de développer un site web en JSP et j'ai quelques soucis concernant la compatibilité avec IE.
J'ai donc développé toute l'appli sur firefox et certaines choses ne marchent pas sur IE.
J'ai mis en liens les aperçus sur les 2 navigateurs :
Aperçu Firefox
Aperçu IE

le problème est que les colonnes de mon tableau s'agrandissent sous IE en fonction de ce qui est dedans...
pourtant dans ma CSS j'ai bien :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
div#test {
    margin-top: 2px;
    background-image:  url(../images/vide.gif);
    background-repeat: no-repeat;
    width: 97%;
    height: 12px;
    border: 1px solid #AAAAAA;
    font-size: 10px;
    overflow: hidden;
    white-space: nowrap;
}
div#test a{
    color: #000000;
    text-decoration: none;
}

et chaque ligne grise dans le tableau est comme ca :

Code :

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

1
2
3
4
5
6
7
8
 
<div id="test" style="background-color: rgb(192, 192, 192);">
<a href="javascript:void(0);" onclick="visite(9)">
15:55 
15:56 
mmmmmmm ddddddddddddddddddddddddddddddddddddddd
</a>
</div>

si j'ai bien compris mon problème viendrait de overflow:hidden qui ne passe pas sur IE???

merci d'avance à ceux qui pourront m'aider

[BnA]

Euh...

Tes screenshots, tu les as taillé dans la pierre pour qu'ils soient si lourds??

Blague à part, remplace ton ID par une CLASS.

Les ID sont censés être uniques (pour des délimitations de zones [#header, #main,...] par exemple).

Ca ne règlera peut-être pas le problème, mais ça vaut la peine d'essayer je pense.

[mimzer]

bon je viens de changer les id en class mais ca ne change rien ...
si t'as une autre idée n'hesite pas

[julien1311]

Je crois qu'il y un bug sur IE qui fait qu'il considère les width comme des min-width dans les tableaux.

Je sais pas comment faire pour pallier ce problème mais tu peux chercher dans cette direction. Peut-être ajouter un max-width ?

[mimzer]

bon ben pour corriger mon problème j'ai du fixer la taille des lignes grises directement dans ma CSS et en pixel (pas top quoi!!) parce que en pourcentage il ne voulait pas... et pour info le max-width ne passe pas non + sous IE (quelle daube cet IE )

je mets le code pour ceux que ca peut interesser :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
div#test {
    margin-top: 2px;
    background-image:  url(../images/vide.gif);
    background-repeat: no-repeat;
    width: 150px;
    height: 12px;
    border: 1px solid #AAAAAA;
    font-size: 10px;
    overflow: hidden;
    white-space: nowrap;
}
div#test a{
    color: #000000;
    text-decoration: none;
}

enfin merci à tous pour votre aide...