Se connecter / S'enregistrer
Votre question

Probleme d'affichage HTML/CSS sous iE

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
3 Février 2008 17:21:49

Bonjour à tous,


Je vous explique mon problème, je réalise actuellement un site internet pour un petit collège, j'ai un affichage sou firefox sans problèmes, mais je n'ai rien sur IE mais absolument rien (et sur l'ancienne version j'avais bon nombres de problèmes d'affichage).

J'ai cherché sur le net mais je n'ai vraiment rien trouvé qui correspodait àmon probleme à savoir aucun affichage.

ne faites pas attenion au design le problème actuel étant de régler ce problème d'affichage.


code html:


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" rel="nofollow" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" rel="nofollow" target="_blank">http://www.w3.org/1999/xhtml</a>" xml:lang="fr">
  3. <head>
  4.  
  5. <title>Collège Le Prieuré - Sambin</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
  7. <LINK REL="stylesheet" HREF="sambin.css" TYPE="text/css" MEDIA="screen">
  8. <style type="text/css">
  9.  
  10. </head>
  11. <body>
  12.  
  13. <!<body bgcolor=#D2B48C link=#8B4513 alink=#8B4513 vlink=#8B4513 text=#8B4513 >
  14. <div class="entete">
  15. <h3><center>Le mot du Directeur</center></h3>
  16. </div>
  17. <div class="contenu">
  18. <div class="menu">
  19. <ul>
  20. <br><br><li><b><a href="accueil.html">Accueil</a></b></li>
  21. <li><b><a href="projetéducatifetpédagogique.html">Projet éducatif et pédagogique</a></b></li>
  22. <li><b><a href="matièresethoraires.html">Matières et horaires</a></b></li>
  23. <li><b><a href="suiviscolaire.html">Suivi scolaire</a></b></li>
  24. <li><b><a href="pastorale.html">Pastorale</a></b></li>
  25. <li><b><a href="atelierspériscolaires.html">Ateliers péri-scolaires</a></b></li>
  26. <li><b><a href="sortiesetvoyages.html">Sorties et voyages</a></b></li>
  27. <li><b><a href="échangesinternationaux.html">Echanges internationaux</a></b></li>
  28. <li><b><a href="festivités.html">Festivités</a></b></li>
  29. <li><b><a href="sport.html">Sport</a></b></li>
  30. <li><b><a href="internat.html">Internat</a></b></li>
  31. <li><b><a href="parents.html">Parents</a></b></li>
  32. <li><b><a href="organigrammeetcontact.html">Organigramme et contact</a></b></li>
  33. <li><b><a href="réglement.html">Règlement</a></b></li>
  34. <li><b><a href="tarifs.html">Tarifs</a></b></li>
  35. <li><b><a href="lemotdesanciensélèves.html">Le mot des anciens élèves</a></b></li>
  36. <li><b><a href="aufilpresse.html">Au fil presse</a></b></li>
  37. </ul> </div>
  38. <div class="menu1">
  39. </div>
  40.  
  41.  
  42.  
  43. <div class="centre">
  44. <BR ALIGN="LEFT">Chers visiteurs, chers parents,</BR>
  45.  
  46. <P>Vous allez passer quelques minutes en notre compagnie, allant d'une rubrique à l'autre pour découvrir les activités de l'établissement, ses résultats, ses options, son cadre, ses tarifs, son règlement intérieur, ses jumelages et voyages, etc...</P>
  47.  
  48. <P>Ce contenu informatif est là pour vous donner des indicateurs.</P>
  49.  
  50. <P>Il est là comme une première approche, un premier contact.</P>
  51.  
  52. <P>Il ne remplacera jamais la richesse de la rencontre, le moment où l'enfant, mis en confiance par la présence et le regard de ses parents, pose au directeur les questions qui lui tiennent à coeur, lui confie ses projets scolaires ou de vie, le moment où les parents, attentivement écoutés par leur enfant, expriment ce qu'ils attendent d'un établissement catholique d'enseignement.</P>
  53.  
  54. <P>Le projet éducatif de notre établissement - que ce soit celui du collège ou celui du lycée - est le pivot des actions menées ; il est important, pour ne pas dire essentiel, que vous, parents, soyez en accord avec ce projet, que vous y trouviez les éléments principaux de votre propre conception éducative afin que les valeurs défendues par l'établissement fassent écho à celles vécues à la maison et vice versa.</P>
  55.  
  56. <P>Le Prieuré est un établissement qui place au coeur de sa mission cette unité éducative, cette entente de principe entre les parents et l'équipe éducative, cette confiance partagée entre nos jeunes, les adultes qui les encadrent et les parents, premiers éducateurs.</P>
  57.  
  58.  
  59.  
  60. <P>Je vous souhaite une bonne promenade dans ce Prieuré imagé... Vous vous rendrez compte, au fil des pages, que pour être de petite taille, notre établissement n'en nourrit pas moins des ambitions et des projets de beaucoup plus grande envergure afin que votre enfant puisse bénéficier des atouts de la campagne sans être pour autant privé des avantages souvent associés aux établissements plus importants de centre ville.</P>
  61.  
  62.  
  63. <P><center>quasimodo</center></P>
  64. </div>
  65. </div>
  66. <div class="pied">
  67. <table width="100%" border="0" align="center" cellpadding="0" cellspacing="5">
  68. <tr>
  69. <td><div align="center"><a href="plan sambin.JPG" target=_blank>Collège - Tél. : 00.00.00.00.00 Fax : 0000.00.00.00</a> - <a href="mailto:fake@hotmail.com">Nous envoyer un mail</a></div></td>
  70. </tr>
  71. </table>
  72. </div>
  73. </body>
  74. </html>



code css:



  1. body {
  2. background-color:white;
  3. margin:50px 0px 15px 100px;
  4. }
  5.  
  6. h1, h2, h3 {
  7. font-family:times new roman, serif;
  8. font-size:100%;
  9. color:black;
  10. background-color:transparent;
  11. text-align:left;
  12. }
  13.  
  14. p {
  15. font-family:times new roman, serif;
  16. font-size:100%;
  17.  
  18.  
  19. color:black;
  20. background-color:transparent;
  21. text-align:left;
  22. margin-left:15px;
  23. margin-right:50px;
  24. }
  25. li {
  26. font-family:times new roman, serif;
  27. font-size:100%;
  28. color:black;
  29. background-color:transparent;
  30. text-align:left;
  31. margin-left:15px;
  32. margin-right:50px;
  33. }
  34.  
  35.  
  36. /* LIENS NORMAUX */
  37.  
  38. a:link {
  39. font-family:times new roman, serif;
  40. font-size:100%;
  41. color:black;
  42. background-color:transparent;
  43. text-decoration:none;
  44. }
  45. a:visited {
  46. font-family:times new roman, serif;
  47. font-size:100%;
  48. color:#006400;
  49. background-color:transparent;
  50. text-decoration:none;
  51. }
  52. a:hover {
  53. font-family:times new roman, serif;
  54. font-size:100%;
  55. color:#ffc0cb;
  56. background-color:transparent;
  57. text-decoration:none;
  58. }
  59. table {
  60. border-color:transparent;
  61. border-style:solid;
  62. border-width:1px;
  63. }
  64. td {
  65. font-family:times new roman, serif;
  66. font-size:100%;
  67. color:black;
  68. text-align:left;
  69. background-color:transparent;
  70. border-color:#ffa500;
  71. border-style:solid;
  72. border-width:1px;
  73. }
  74.  
  75. /* entete */
  76.  
  77. .entete {
  78. background-color: #D2B48C;
  79. height: 15%;
  80. }
  81.  
  82. /* menus */
  83.  
  84. .menu {
  85. background-color:#F5DEB3;
  86. float: left;
  87. width: 180px;
  88. height: 100%;
  89. color: black;
  90. }
  91. .menu1 {
  92. background-color:#F5F5DC;
  93. float: right;
  94. width: 20px;
  95. height: 100%;
  96. color: #F5F5DC;
  97. }
  98.  
  99.  
  100. /* contenu */
  101.  
  102. .contenu {
  103. height: 130%;
  104. background-color: #F5F5DC;
  105. }
  106.  
  107. .centre {
  108. margin-left: 200px;
  109. }
  110.  
  111. /* pied */
  112.  
  113. .pied {
  114. background-color: #D2B48C;
  115. height: 10%;
  116. }

Autres pages sur : probleme affichage html css

a c 232 L Programmation
3 Février 2008 23:00:23

mozarelladu41 a dit :

<style type="text/css">

</head>


Tu ouvres une balise style que tu ne fermes pas

mozarelladu41 a dit :

<body>

<!<body bgcolor=#D2B48C link=#8B4513 alink=#8B4513 vlink=#8B4513 text=#8B4513 >


deux balises body ? dont un <! qui n'existe pas

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS