Différence texte IE et FIrefox

Différence texte IE et FIrefox - HTML/CSS - Programmation

Marsh Posté le 28-02-2008 à 10:14:28    

Bonjour, voila je suis entrain de réaliser un projet  
Donc voila j'ai juste une petite question.
SOUS IE
http://nsa01.casimages.com/img/2008/02/28/0802281010472469690.jpg
 SOUS FIREFOX
http://nsa01.casimages.com/img/2008/02/28/0802281012212469705.jpg
 
Donc voila sous ie, ca fait vraiment moche, ca écrit en gros. Alors que mozilla ,c 'est parfait,
alors n'y a pas un style que je puisse mettre pour faire que ca soit pareil, ou alors, c'est malheureusement encore un problème encore entre ses navigateurs.
J'ai mis la taille texte en petit sous IE, mais ca fait vraiment petit.

Reply

Marsh Posté le 28-02-2008 à 10:14:28   

Reply

Marsh Posté le 28-02-2008 à 10:47:14    

Sans le code source, il me paraît difficile de te répondre. Je t'invite donc à poster ton code HTML et la CSS associée (si elle existe).

Message cité 1 fois

---------------
Feed-back HA/Ventes HFR | http://www.nexen.org Lans dans le nord de la France
Reply

Marsh Posté le 28-02-2008 à 11:53:33    

dridri a écrit :

Sans le code source, il me paraît difficile de te répondre. Je t'invite donc à poster ton code HTML et la CSS associée (si elle existe).


ok oui je sais, mais je l'ai pas ici,  je le post ce soir

Reply

Marsh Posté le 28-02-2008 à 17:31:41    

voici le code, bon j'ai envelve pas mal de chose inutile
 

Code :
  1. body {
  2.     font-family : Verdana,Arial,Helevetica,sans-serif;
  3.     color : #000;
  4.     font-size : 0.8em;
  5.     margin : 2em 5%;
  6.     padding : 0;
  7.     background : #fcfcfc url(fond.gif);
  8. }
  9.  
  10. body.popup {
  11.     margin : 2em 3% 2em 3%;
  12. }
  13.  
  14. a {
  15.     color : #039;
  16. }
  17.  
  18. a:hover, a:focus {
  19.     text-decoration : none;
  20. }
  21.  
  22. h1, h2, h3, h4 {
  23.     font-family : "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;
  24. }
  25.  
  26. h1 { font-size: 1.7em; margin: .67em 0; }
  27. h2 { font-size: 1.5em; margin: .83em 0; color : #069;}
  28. h3 { font-size: 1.17em; margin: 1em 0; color : #f60; }
  29. h4 { margin: 1.33em 0; color : #090; }
  30. h5 { font-size: 0.83em; margin: 1.67em 0; }
  31. h6 { font-size: 0.67em; margin: 2.33em 0; }
  32.  
  33. h2 { position : relative; }
  34. div>h2 { position : static; }
  35.  
  36. p { margin : 1em 0; }
  37. img { border : 0; }
  38.  
  39. dt {
  40.     margin-top : 1em;
  41.     margin-bottom : 0.5em;
  42.     font-weight : bold;
  43. }
  44.  
  45. dd {
  46.     margin-left : 0.5em;
  47. }
  48.  
  49. pre, code, kbd, samp {
  50.     font-family:"Courier New",Courier,monospace;
  51.     font-size : 1.1em;
  52. }
  53.  
  54. code {
  55.     color : #666;
  56.     font-weight : bold;
  57. }
  58.  
  59. table {
  60.     font-size : 1em;
  61. }
  62.  
  63. /* LAYOUT
  64. -------------------------------------------------------- */
  65. /* Main */
  66. #main {
  67.     margin : 0 0 1px 0;
  68.     padding : 0 0 1px 0;
  69.     background : #fff;
  70.     color : #000;
  71.     clear : left;
  72.     border-width : 0 1px 1px 1px;
  73.     border-style : solid;
  74.     border-color : #999;
  75. }
  76.  
  77. body.popup #main {
  78.     border-width : 1px;
  79.     -moz-border-radius : 8px 8px 0 0;
  80. }
  81.  
  82. /* Contenu */
  83. #content {
  84.     padding : 1em;
  85. }
  86. #content img {
  87. }


 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 
  3. <head> 
  4.  
  5.  
  6.   <title> Nouveaux Terminaux</title> 
  7.   <style type="text/css"> 
  8.   @import "style/default.css"; 
  9.   </style> 
  10.   <link rel="stylesheet" href="param/menu/menu.css"> 
  11. <!--fichier javascript calendrier--> 
  12.     <link rel="stylesheet" href="param/dynCalendar/dynCalendar.css" type="text/css" media="screen"> 
  13.     <script src="param/dynCalendar/browserSniffer.js" type="text/javascript" language="javascript"></script> 
  14.     <script src="param/dynCalendar/dynCalendar.js" type="text/javascript" language="javascript"></script> 
  15.      <script type="text/javascript" src="param/js/tools.js"></script> 
  16.    
  17.   <!--fichier javascript menu--> 
  18.       <script language="JavaScript" src="param/menu/menu.js"></script> 
  19.     <script language="JavaScript" src="param/menu/menu_items.js"></script> 
  20.     <script language="JavaScript" src="param/menu/menu_tpl.js"></script> 
  21.  
  22.   <link rel="stylesheet" type="text/css" media="print" href="style/print.css" /> 
  23.  
  24.    
  25. <body> 
  26.     <script language="JavaScript"> 
  27.     new menu (MENU_ITEMS, MENU_TPL); 
  28. </script> 
  29.      
  30. <div id="main"> 
  31.  
  32. <!-- contenu --> 
  33. <div id="content"> 
  34.  
  35. <ul class="user-info"><li class="ui-name">admin</li><li class="ui-logout"><a href="./logout.php">d&eacute;connexion</a></li></ul> 
  36. <h2>Nouveaux Terminaux</h2> 
  37.  
  38. <form name="formulaire" method="post" action="declaration_terminaux.php" ENCTYPE="multipart/form-data">  
  39. <input type="hidden" name="fonc" value="0" /> 
  40.    
  41. <fieldset class="clear"> <legend>Données Principales terminaux</legend> 
  42.  
  43. <table width="100%" > 
  44. <tr height="50"> 
  45.     <td width="20%" > 
  46.     <strong>Type de terminal : </strong></td> 
  47.     <td><select name="liste_term" onchange="modif_type();"> 
  48.         <option value="0"   >Choix du type de terminal</option> 
  49. <option value="1"  SELECTED>novacop</option><option value="2"  >N1</option><option value="11"  >test</option><option value="12"  >novacopèiyi</option>     
  50.     </select></td> 
  51. </tr> 
  52.  
  53. <tr height="50"> 
  54.     <td width="30%" > 
  55.     <strong>Code Article Sage : </strong></td> 
  56.     <td><input type="text" readonly name="idrefsage" size="20" value="0" /> 
  57.     </td> 
  58. </tr> 
  59. <tr height="50"> 
  60.     <td width="20%"  > 
  61.     <strong>Terminaux à adresse unique : </strong></td> 
  62.     <td><input disabled type="checkbox" name="adresse_fixe" checked /> 
  63.     <input  type="hidden" name="verif_adresse_fixe" value="o" /> 
  64.     </td> 
  65. </tr> 
  66. <tr height="50"> 
  67.     <td width="20%" > 
  68.     <strong>Référence commande: </strong></td> 
  69.     <td><input type="text" name="ref_com" value="" >     
  70.     </td> 
  71. </tr> 
  72.  
  73. <tr height="50"> 
  74.     <td width="20%" > 
  75.     <strong>Date commande: </strong></td> 
  76.     <td><input type="text"  value="" name="date_mise_forme_date_commande" size="20" maxlength="30"><input type="hidden"  value="" name="date_commande" size="20" maxlength="30"><script type="text/javascript" >fooCalendar_date_commande = new dynCalendar('fooCalendar_date_commande', 'calendarCallback_date_commande', 'param/dynCalendar/images/','');</script>    </td> 
  77. </tr> 
  78. <tr height="50"> 
  79.     <td width="20%" > 
  80.     <strong>Date réception commande: </strong></td> 
  81.     <td><input type="text"  value="" name="date_mise_forme_date_reception" size="20" maxlength="30"><input type="hidden"  value="" name="date_reception" size="20" maxlength="30"><script type="text/javascript" >fooCalendar_date_reception = new dynCalendar('fooCalendar_date_reception', 'calendarCallback_date_reception', 'param/dynCalendar/images/','');</script>    </td> 
  82. </tr> 
  83.  
  84. </table> 
  85. </fieldset> 
  86.  
  87. </form> 
  88.  
  89. </div> 
  90. </div> 
  91.  
  92.  
  93. <p id="footer"><a href="http://www.novacom-services.com/"><img src="images/logo_s.gif"  /></a></p> 
  94.  
  95. </body></html>


Message édité par infoman64 le 29-02-2008 à 11:05:24
Reply

Marsh Posté le 28-02-2008 à 17:34:24    

tu pourrais éditer ton message en utilisant les balises [ code] au lieu de citation :
[ code=css] ... [ /code] et [ code=html] ... [/code] (sans les espaces). merci.
 
par ailleurs dans le code, je lis <fieldset class="clear"> mais cette classe n'est pas dans la css.


Message édité par dridri le 28-02-2008 à 17:36:06

---------------
Feed-back HA/Ventes HFR | http://www.nexen.org Lans dans le nord de la France
Reply

Marsh Posté le 29-02-2008 à 03:06:14    

et sinon tout ton pb est lié au tableau.
tu déclares dans ta CSS un table {font-size:1em} et voila le pb est réglé

Reply

Marsh Posté le 29-02-2008 à 11:09:28    

ok dsl pour les citations je ne savais pas qu'on pouvait mettre les balise code,
je vais regardais pour ce que tu m'a dit; c vrai je maitrise pas du tout le css

Reply

Sujets relatifs:

Leave a Replay

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