CSS - probleme de marges avec IE par rapport à FIREFOX

CSS - probleme de marges avec IE par rapport à FIREFOX - HTML/CSS - Programmation

Marsh Posté le 27-05-2004 à 15:54:19    

j'ai un probleme de marge avec IE sous mon h2 et à gauche
 
http://duarte.design.free.fr/test/sondage/
 
J'ai pourtant bien mis, margin:0 et padding:0 a mon H2 et à mon P
ca marche NICKEL sur Firefox, mais pas sur IE, qui me rajoute une marge en dessous de mon h2...
la marge de gauche, vient probablement du fait du border de 1px qui encadre mon div...
 
Que dois je faire pour que IE soit comme Firefox ? svp
MERCI
 
voici ma css :

Code :
  1. div#sondage{
  2. width: 152px;
  3. margin: 0;
  4. padding: 0;
  5. border: 1px solid black;
  6. }
  7. #sondage h2,
  8. #resultats-sondage h2 {
  9. background-color: #6699CC;
  10. height: 20px;
  11. color: #ffffff;
  12. padding: 0 0 0 4px;
  13. font-size: 16px;
  14. font-weight: bold;
  15. margin: 0;
  16. }
  17. #sondage p{
  18. margin: 0;
  19. margin: bottom;
  20. padding:0;}
  22. #sondage p,
  23. #question{
  24. display: block;
  25. margin: 0;
  26. padding: 6px 4px 8px 6px;
  27. background-color: #BFDBF5;
  28. font-family: arial;
  29. font-size : 12px;
  30. color: #003366;
  31. font-weight: bold;
  32. }
  34. #sondage label{
  35. margin: 0;
  36. padding: 2px 1px 2px 2px;
  37. font-family: arial;
  38. font-size : 9px;
  39. color: #003366;
  40. font-weight: bold;
  41. }
  42. /* -------------------
  43.    Les formulaires  
  44. ------------------- */
  45. #form-sondage ul {
  46. margin: 0;
  47. padding: 0;
  48. }
  50. #votez{
  51. width: 100%;
  52. text-align: center;
  53. margin: 20px 1px 10px 1px;
  54. }
  57. #form-sondage a{
  58. display: block;
  59. width: 152px;
  60. margin-left: auto;
  61. margin-right: auto;
  62. }


 
Et pour vous faciliter la tache, voici le code xhtml correspondant
 

Code :
  1. <!-- D&eacute;but DU MODULE SONDAGE -->
  2.  <div id="sondage">
  4.   <!-- L ENTETE -->
  5.   <h2>Sondage</h2>
  7.   <!-- LE FORMULAIREE -->
  8.   <form action="sondage.php" method="post" id="form-sondage">
  10.    <!-- LA QUESTION -->
  11.    <p>Que pensez-vous du nouveau design du site ?</p>
  13.    <!-- LES OPTIONS -->
  14.    <ul>
  15.     <li><input type="radio" name="radiobutton" value="radiobutton" /><label>Peux mieux faire</label></li>
  16.     <li><input type="radio" name="radiobutton" value="radiobutton" /><label>Le résultat est satisfaisant</label></li>
  17.     <li><input type="radio" name="radiobutton" value="radiobutton" /><label>Quelle réussite</label></li>
  18.     <li><input type="radio" name="radiobutton" value="radiobutton" /><label>Ne se prononce pas</label></li>
  19.    </ul>
  22.    <!-- Le bouton VALIDER ET voir les resultats -->
  23.    <div id="votez">
  24.    <input type="submit" name="votez" value="Votez" />
  25.    <a class="non-souligne" href="javascript:void(window.open('http://www........../index.html'))">Voir les résultats</a>
  26.    </div>
  28.   </form>
  29.     <!-- Fin du formulaire-->
  31.  </div>
  32.  <!-- FIN DU MODULE SONDAGE-->


Message édité par foxcssfox le 28-05-2004 à 10:17:35

---------------
"Nous sommes tous dans le caniveau, mais certains d'entre nous regardent les étoiles" Oscar Wild
Reply

Marsh Posté le 27-05-2004 à 15:54:19   

Reply

Marsh Posté le 02-06-2004 à 09:26:18    

float:left;

Reply

Marsh Posté le 02-06-2004 à 14:30:07    

Tu remplaces dans div#sondage :

Code :
  1. width: 152px;


par

Code :
  1. width: 156px;


 
Ciaciao


Message édité par NerOcrO le 02-06-2004 à 14:30:33

---------------
Mieux vaut partir sur des rires de qualités que sur un silence de quantité.
Reply

Sujets relatifs:

Leave a Replay

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