Problème CSS sous IE :(

Problème CSS sous IE :( - HTML/CSS - Programmation

Marsh Posté le 30-09-2007 à 23:06:55    

Bonsoir à tous. voilà, je fais des site Internet depuis déjà bien longtemps. je commence a abandonner les table au profit des div. je débute donc dans la mise en forme CSS.
 
j'ai un petit souci inexplicable pour le moment entre les deux navigateurs, inutile de vous dire sur lequel ca passe niquel vue que c'est toujours FF :p
 
au niveau du design, c'est des simple menu fait en 5minutes pour justement m'entrainer à la mise en forme css.
 
je pense que le lien vaux mieux qu'un long discour :  
 
http://sphynxz.free.fr/css/
 
la css :  
 

Code :
  1. body {
  2. font: 1em black verdana, sans-serif;
  3. margin: 8px;
  4. }
  6. .coeur {
  7. width:800px;
  8. height:450px;
  9. }
  11. .gauche {
  12. width:150px;
  13. height:450px;
  14. float:left;
  15. }
  17. .centre {
  18. width:500px;
  19. height:450px;
  20. float:left;
  21. background-color:#666666;
  22. }
  24. .droite {
  25. width:150px;
  26. height:450px;
  27. float:right;
  28. }
  30. .cadre {
  31. width:150px;
  32. height:225px;
  34. }
  37. .cadre_HG {
  38. background:url(images/radar_01.gif) no-repeat;
  39. width:12px;
  40. height:12px;
  41. float:left;
  43. }
  45. .cadre_H {
  46. background:url(images/radar_02.gif) no-repeat;
  47. width:125px;
  48. height:12px;
  49. float:left;
  50. }
  52. .cadre_HD {
  53. background:url(images/radar_03.gif) no-repeat;
  54. width:13px;
  55. height:12px;
  56. float:left;
  57. }
  59. .cadre_MG {
  60. background:url(images/radar_04.gif) no-repeat;
  61. width:12px;
  62. height:200px;
  63. float:left;
  65. }
  67. .cadre_M {
  68. background:url(images/radar_05.gif) no-repeat;
  69. width:125px;
  70. height:200px;
  71. float:left;
  72. }
  74. .cadre_M_text {
  75. width:125px;
  76. height:185px;
  77. margin-top:15px;
  78. float:left;
  79. text-align:center;
  80. }
  82. .cadre_MD {
  83. background:url(images/radar_06.gif) no-repeat;
  84. width:13px;
  85. height:200px;
  86. float:left;
  87. }
  89. .cadre_BG {
  90. background:url(images/radar_07.gif) no-repeat;
  91. width:12px;
  92. height:13px;
  93. float:left;
  94. clear:both;
  95. }
  97. .cadre_B {
  98. background:url(images/radar_08.gif) no-repeat;
  99. width:125px;
  100. height:13px;
  101. float:left;
  102. }
  104. .cadre_BD {
  105. background:url(images/radar_09.gif) no-repeat;
  106. width:13px;
  107. height:13px;
  108. float:left;
  109. }


 
la page :  
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <link href="styles.css" rel="stylesheet" type="text/css" media="screen" />
  7. <title>Zombie.fr</title>
  8. </head>
  10. <body>
  11. <center>
  12. <div class="coeur">
  13. <!-- Coeur du site! -->
  15. <div class="gauche">
  17. <div class="cadre">
  19.  <div class="cadre_HG"></div>
  20.  <div class="cadre_H"></div>
  21.  <div class="cadre_HD"></div>
  22.  <div class="cadre_MG"></div>
  23.  <div class="cadre_M">
  24.  <div class="cadre_M_text">
  25.   <!-- contenu du cadre! -->
  26.   Accueil<br />
  27.   La Team<br />
  28.   Le Mod
  29.  </div>
  30.  </div>
  31.  <div class="cadre_MD"></div>
  32.  <div class="cadre_BG"></div>
  33.  <div class="cadre_B"></div>
  34.  <div class="cadre_BD"></div>
  36. </div>
  38. <div class="cadre">
  40.  <div class="cadre_HG"></div>
  41.  <div class="cadre_H"></div>
  42.  <div class="cadre_HD"></div>
  43.  <div class="cadre_MG"></div>
  44.  <div class="cadre_M">
  45.   <img src="zombie.gif" width="125" height="200"/>
  46.  </div>
  47.  <div class="cadre_MD"></div>
  48.  <div class="cadre_BG"></div>
  49.  <div class="cadre_B"></div>
  50.  <div class="cadre_BD"></div>
  52. </div>
  53. </div>
  55. <div class="centre">
  56. salut!
  57. </div>
  59. <div class="droite">
  61. <div class="cadre">
  63.  <div class="cadre_HG"></div>
  64.  <div class="cadre_H"></div>
  65.  <div class="cadre_HD"></div>
  66.  <div class="cadre_MG"></div>
  67.  <div class="cadre_M">
  68.  <div class="cadre_M_text">
  69.   <!-- contenu du cadre! -->
  70.   Accueil<br />
  71.   La Team<br />
  72.   Le Mod
  73.  </div>
  74.  </div>
  75.  <div class="cadre_MD"></div>
  76.  <div class="cadre_BG"></div>
  77.  <div class="cadre_B"></div>
  78.  <div class="cadre_BD"></div>
  80. </div>
  82. <div class="cadre">
  84.  <div class="cadre_HG"></div>
  85.  <div class="cadre_H"></div>
  86.  <div class="cadre_HD"></div>
  87.  <div class="cadre_MG"></div>
  88.  <div class="cadre_M">
  89.   <img src="zombie.gif" width="125" height="200"/>
  90.  </div>
  91.  <div class="cadre_MD"></div>
  92.  <div class="cadre_BG"></div>
  93.  <div class="cadre_B"></div>
  94.  <div class="cadre_BD"></div>
  96. </div>
  97. </div>
  99. </div>
  100. </center>
  101. </body>
  102. </html>


 
Voilà, toute aide est la bienvenue :p

Reply

Marsh Posté le 30-09-2007 à 23:06:55   

Reply

Sujets relatifs:

Leave a Replay

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