Problème ligne de base CSS -> IE et Firefox différents ...

Problème ligne de base CSS -> IE et Firefox différents ... - HTML/CSS - Programmation

Marsh Posté le 13-09-2006 à 23:50:28    

Salut,
 
J'ai la code HTML suivant :

Code :
  1. <div class="header_menu">
  2.   
  3.        <div class="selection_link"><a href="#"><img src="images/icons/selection2.gif"/>
  4.         Ma sélection | </a></div>
  5.         <input name="login_user" class="login_user" type="text" maxlength="10"/>
  6.         <input name="login_pass" class="login_pass" type="password" maxlength="10"/>
  7.     <input name="ok" class="ok_button" type="button" value="OK" />
  8.      </div>


 
 et le code CSS suivant :  

Code :
  1. .header_menu {width:350px;height:24px;padding-bottom:2px;position:absolute;z-index:5;top:0px;left:550px;display:inline}
  3. .selection_link {display:inline;padding:0;margin:0;color:#FFF; padding-left:8px; position:relative;height:25px;}
  4. .selection_link a, .selection_link a:hover, .selection_link a:visited  {color:#FFF}
  5. .selection_link a img {position:absolute; left:-17px;top:auto; padding:0; margin:0; margin-top:4px}
  7. .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}
  8. .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}
  9. .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 ?

Reply

Marsh Posté le 13-09-2006 à 23:50:28   

Reply

Marsh Posté le 14-09-2006 à 23:45:21    

up !
Toujours pas d'idée, je suis toujours bloqué ! Les images posent aussi problème en plus de l'histoire de la ligne de base ... je reste bloqué ...


Message édité par Mac Fruitos le 14-09-2006 à 23:45:44
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed