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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Différence texte IE et FIrefox

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Différence texte IE et FIrefox

n°1694091
infoman64
JE SUIS LA POUR TOI MON AMI
Posté le 28-02-2008 à 10:14:28  profilanswer
 

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.

mood
Publicité
Posté le 28-02-2008 à 10:14:28  profilanswer
 

n°1694113
dridri
Thérèse n'est pas moche...
Posté le 28-02-2008 à 10:47:14  profilanswer
 

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).


---------------
Feed-back HA/Ventes HFR | http://www.nexen.org Lans dans le nord de la France
n°1694201
infoman64
JE SUIS LA POUR TOI MON AMI
Posté le 28-02-2008 à 11:53:33  profilanswer
 

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

n°1694538
infoman64
JE SUIS LA POUR TOI MON AMI
Posté le 28-02-2008 à 17:31:41  profilanswer
 

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


Message édité par infoman64 le 29-02-2008 à 11:05:24
n°1694542
dridri
Thérèse n'est pas moche...
Posté le 28-02-2008 à 17:34:24  profilanswer
 

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
n°1694853
gatsu35
Blablaté par Harko
Posté le 29-02-2008 à 03:06:14  profilanswer
 

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é

n°1694948
infoman64
JE SUIS LA POUR TOI MON AMI
Posté le 29-02-2008 à 11:09:28  profilanswer
 

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


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

  Différence texte IE et FIrefox

 

Sujets relatifs
Différence entre deux dates[RESOLU]Bug d'affichage galerie sous firefox
Faire defiler un texteElargir la zone de texte de mon blog (Blogger)
[Résolu]Sélectionner mes zones de texte avec VBA pour excelProblème, 2 colonnes de texte en CSS
Intégration police spéciale dans texte dynamiqueProbleme chargement de page et Javascript sous Firefox
[VBA] macro word : insertion de texteFirefox affichage des img qui devraient etre masquées (blog)[résolu]
Plus de sujets relatifs à : Différence texte IE et FIrefox


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