Bonjour
Je me heurte à un pb de compatibilité avec IE 8 et IE7
( pas de problème avec IE6 et Firefox).
J'ai une page HTML contenant un bouton et une liste ; à chaque click sur le bouton , j'ajoute un élément dans la liste , très simple pourtant....
Sous IE8, cette liste est réduite en hauteur et largeur à chaque ajout
d'un élément , quelqu'un a-t-il une idée du pb ?
Merci pour votre aide !
Voici ma page :
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
16
17
18
19
20
21
22
23
24
25
26
27
28
29 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <title>Test liste</title> <script type="text/javascript"> function updateListeEcran() { liste = document.getElementById("maListe"); var nouveauli = document.createElement("option"); nouveauli.appendChild(document.createTextNode("ajout ligne")); liste.appendChild(nouveauli); } </script> </head> <body id="main" class="mainclass"> <input type="button" name ="btnTest" align="middle" value= "Update liste" onclick="updateListeEcran()"/> <select id="maListe" size="10" style="width:100%; height:100%"> <option >item 1</option> </select> </body> </html>
Partager