1 pièce(s) jointe(s)
Alignement balises input avec MSIE !
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 !:evilred:) 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:
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:
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.