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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème CSS sous IE :(

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème CSS sous IE :(

n°1617200
SpXz
a Sunkyha Addict
Posté le 30-09-2007 à 23:06:55  profilanswer
 

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. }
  5. .coeur {
  6. width:800px;
  7. height:450px;
  8. }
  9. .gauche {
  10. width:150px;
  11. height:450px;
  12. float:left;
  13. }
  14. .centre {
  15. width:500px;
  16. height:450px;
  17. float:left;
  18. background-color:#666666;
  19. }
  20. .droite {
  21. width:150px;
  22. height:450px;
  23. float:right;
  24. }
  25. .cadre {
  26. width:150px;
  27. height:225px;
  28. }
  29. .cadre_HG {
  30. background:url(images/radar_01.gif) no-repeat;
  31. width:12px;
  32. height:12px;
  33. float:left;
  34. }
  35. .cadre_H {
  36. background:url(images/radar_02.gif) no-repeat;
  37. width:125px;
  38. height:12px;
  39. float:left;
  40. }
  41. .cadre_HD {
  42. background:url(images/radar_03.gif) no-repeat;
  43. width:13px;
  44. height:12px;
  45. float:left;
  46. }
  47. .cadre_MG {
  48. background:url(images/radar_04.gif) no-repeat;
  49. width:12px;
  50. height:200px;
  51. float:left;
  52. }
  53. .cadre_M {
  54. background:url(images/radar_05.gif) no-repeat;
  55. width:125px;
  56. height:200px;
  57. float:left;
  58. }
  59. .cadre_M_text {
  60. width:125px;
  61. height:185px;
  62. margin-top:15px;
  63. float:left;
  64. text-align:center;
  65. }
  66. .cadre_MD {
  67. background:url(images/radar_06.gif) no-repeat;
  68. width:13px;
  69. height:200px;
  70. float:left;
  71. }
  72. .cadre_BG {
  73. background:url(images/radar_07.gif) no-repeat;
  74. width:12px;
  75. height:13px;
  76. float:left;
  77. clear:both;
  78. }
  79. .cadre_B {
  80. background:url(images/radar_08.gif) no-repeat;
  81. width:125px;
  82. height:13px;
  83. float:left;
  84. }
  85. .cadre_BD {
  86. background:url(images/radar_09.gif) no-repeat;
  87. width:13px;
  88. height:13px;
  89. float:left;
  90. }


 
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" />
  6. <title>Zombie.fr</title>
  7. </head>
  8. <body>
  9. <center>
  10. <div class="coeur">
  11. <!-- Coeur du site! -->
  12. <div class="gauche">
  13. <div class="cadre">
  14.  <div class="cadre_HG"></div>
  15.  <div class="cadre_H"></div>
  16.  <div class="cadre_HD"></div>
  17.  <div class="cadre_MG"></div>
  18.  <div class="cadre_M">
  19.  <div class="cadre_M_text">
  20.   <!-- contenu du cadre! -->
  21.   Accueil<br />
  22.   La Team<br />
  23.   Le Mod
  24.  </div>
  25.  </div>
  26.  <div class="cadre_MD"></div>
  27.  <div class="cadre_BG"></div>
  28.  <div class="cadre_B"></div>
  29.  <div class="cadre_BD"></div>
  30. </div>
  31. <div class="cadre">
  32.  <div class="cadre_HG"></div>
  33.  <div class="cadre_H"></div>
  34.  <div class="cadre_HD"></div>
  35.  <div class="cadre_MG"></div>
  36.  <div class="cadre_M">
  37.   <img src="zombie.gif" width="125" height="200"/>
  38.  </div>
  39.  <div class="cadre_MD"></div>
  40.  <div class="cadre_BG"></div>
  41.  <div class="cadre_B"></div>
  42.  <div class="cadre_BD"></div>
  43. </div>
  44. </div>
  45. <div class="centre">
  46. salut!
  47. </div>
  48. <div class="droite">
  49. <div class="cadre">
  50.  <div class="cadre_HG"></div>
  51.  <div class="cadre_H"></div>
  52.  <div class="cadre_HD"></div>
  53.  <div class="cadre_MG"></div>
  54.  <div class="cadre_M">
  55.  <div class="cadre_M_text">
  56.   <!-- contenu du cadre! -->
  57.   Accueil<br />
  58.   La Team<br />
  59.   Le Mod
  60.  </div>
  61.  </div>
  62.  <div class="cadre_MD"></div>
  63.  <div class="cadre_BG"></div>
  64.  <div class="cadre_B"></div>
  65.  <div class="cadre_BD"></div>
  66. </div>
  67. <div class="cadre">
  68.  <div class="cadre_HG"></div>
  69.  <div class="cadre_H"></div>
  70.  <div class="cadre_HD"></div>
  71.  <div class="cadre_MG"></div>
  72.  <div class="cadre_M">
  73.   <img src="zombie.gif" width="125" height="200"/>
  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>
  79. </div>
  80. </div>
  81. </div>
  82. </center>
  83. </body>
  84. </html>


 
Voilà, toute aide est la bienvenue :p

mood
Publicité
Posté le 30-09-2007 à 23:06:55  profilanswer
 


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

  Problème CSS sous IE :(

 

Sujets relatifs
probleme d installation oracleProbleme avec l'installation d'Apache
gcc Probleme de linkProblème Compilation avec Code::Block
problème Java Script et cssProbleme de Pied de Page d Excel par Automation, C++ ( VS6)
Probleme de transfert de fichier via winsock appli Serveur/Clientsprobleme avec la fonction preg_match
Probleme de surcharge d'opérateur et de fonction amiesComment positionner un texte au dessus d'une image (CSS)
Plus de sujets relatifs à : Problème CSS sous IE :(


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