Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1553 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1442125
Mac Fruito​s
Posté le 13-09-2006 à 23:50:28  profilanswer
 

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}
  2. .selection_link {display:inline;padding:0;margin:0;color:#FFF; padding-left:8px; position:relative;height:25px;}
  3. .selection_link a, .selection_link a:hover, .selection_link a:visited  {color:#FFF}
  4. .selection_link a img {position:absolute; left:-17px;top:auto; padding:0; margin:0; margin-top:4px}
  5. .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}
  6. .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}
  7. .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 ?

mood
Publicité
Posté le 13-09-2006 à 23:50:28  profilanswer
 

n°1442755
Mac Fruito​s
Posté le 14-09-2006 à 23:45:21  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Cherche un bon logiciel d'édition HTML/CSS ?Problème pour compter dans champ sql
Probleme de boucle en perlSupprimer ligne Excel vba [résolu]
Design vs en pensez quoi? + aide CSSProbleme dans les chemins de fichiers
[Crystal XI] Problème "sélection d'enregistrement"base de données et dreamweaver
[URGENT]Problème avec Normal.dot[Firefox] <span> et CSS overflow
Plus de sujets relatifs à : Problème ligne de base CSS -> IE et Firefox différents ...


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR