Salut,
J'ai la code HTML suivant :
Code :
- <div class="header_menu">
-
- <div class="selection_link"><a href="#"><img src="images/icons/selection2.gif"/>
- Ma sélection | </a></div>
- <input name="login_user" class="login_user" type="text" maxlength="10"/>
- <input name="login_pass" class="login_pass" type="password" maxlength="10"/>
- <input name="ok" class="ok_button" type="button" value="OK" />
- </div>
|
et le code CSS suivant :
Code :
- .header_menu {width:350px;height:24px;padding-bottom:2px;position:absolute;z-index:5;top:0px;left:550px;display:inline}
- .selection_link {display:inline;padding:0;margin:0;color:#FFF; padding-left:8px; position:relative;height:25px;}
- .selection_link a, .selection_link a:hover, .selection_link a:visited {color:#FFF}
- .selection_link a img {position:absolute; left:-17px;top:auto; padding:0; margin:0; margin-top:4px}
- .login_user {background:url(../images/icons/user.gif) #FFF no-repeat 2% 50%;width:80px;height:18px;padding-top:2px;padding-left:19px;margin:0;margin-top:1px;border:1px solid #456893}
- .login_pass {background:url(../images/icons/lock2.gif) #FFF no-repeat 2% 50%;width:80px;height:18px;padding-top:2px;padding-left:19px;margin:0;margin-top:1px;border:1px solid #456893}
- .ok_button {width:30px;height:auto;font-weight:bold;font-size:10px;text-align:center;vertical-align:center;padding-bottom:1px;padding-top:3px}
|
A l'affichage le texte "Ma sélection" est au bas du champs de saisie sous IE alors que sous FF il est aligné au milieu. Je pense que cela est du à la différence de ligne de base entre les deux naviguateurs.
Comment remédier à ce problème et faire qu'ils prennent les mêmes repères pour positionner mon texte ?
