Alignement balises input avec MSIE !

**dnode57** · 26/06/2008, 12h32

Bonjour à toutes et à tous,

Depuis peu je fais du développement web, et je dois dire que c'est un peu galère avec MSIE. Pour un même code 3 navigateurs m'affichent correctement la page, et un quatrième (je vous laisse deviner lequel !

) s'évertue à me faire des misères et à ne pas coller ces fichus balises input à gauche !

La question est : quelqu'un peut-il m'expliquer pourquoi ?

Voici le code CSS :

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
 
/*- Fiche client -*/
 
body {
      color:white;
      background-color: #333333;
      margin:0;
     }
 
input#largeurfixe {
                   width: 257px;
                   left: 0px;
                   text-align:left;
                  }
 
.champs {
         position: absolute;
         margin-top :23px;
         margin-left: 135px;
         height:158px;
         width:280;
         color: #000000;
         font-size: 1em;
         font-weight: normal;
         text-align: left;
         background-color: #FFFCC8;
        };

Voici le code HTML :

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <link href="ficheclientMSIE.css" rel="stylesheet" type="text/css">
  <title></title>
  </head>
  <body>
        <div class="champs">
             <input id=largeurfixe type="text" name="livraisonsociete" value="" />
             <select name="livraisontitre" style="width:257px">
                     <option value="" selected="selected"></option>
                     <option value="Docteur">Docteur</option>
                     <option value="Madame">Madame</option>
                     <option value="Madame, Monsieur">Madame, Monsieur</option>
                     <option value="Maître">Maître</option>
                     <option value="Monsieur">Monsieur</option>
                     <option value="Société">Société</option>
             </select>
 
             <input id=largeurfixe type="text" name="livraisonnom" value="APP 4EME ETAGE"/>
             <input id=largeurfixe type="text" name="livraisonadresse" value="16 RUE xxxxxxxxxx"/>
             <input id=largeurfixe type="text" name="livraisoncp" value="007"/>
             <input id=largeurfixe type="text" name="livraisonville" value="BOND"/>
             <input id=largeurfixe type="text" name="livraisonpays" value="F"/>
        </div>
  </body>
</html>

L'image jointe vous permettra de vous faire une idée du résultat à l'affichage de ce code très basique.

D'avance merci et à bientôt.

Sined.

**dnode57** · 26/06/2008, 14h49

Re bonjour à toutes et à tous,

Après avoir discuté avec des collègues, la solution est toute simple, dans le CSS destiné à IE, il suffit de mettre display:inline;

Je ne remercierai jamais assez microsoft pour toutes ces joies liées à la programmation ! (c'est ironique bien entendu)

Bonne journée à tout le monde.

Sined.

Alignement balises input avec MSIE !

HTML

Discussions similaires

Partager

Partager