Tom's Guide > Forum > Programmation > Probleme d'affichage HTML/CSS sous iE
Mot :    Pseudo :           
 

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:

 


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" xml:lang="fr">
  3. <head>
  4. <title>Collège Le Prieuré - Sambin</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
  6. <LINK REL="stylesheet" HREF="sambin.css" TYPE="text/css" MEDIA="screen">
  7. <style type="text/css">
  8. </head>
  9. <body>
  10. <!<body bgcolor=#D2B48C link=#8B4513 alink=#8B4513 vlink=#8B4513 text=#8B4513 >
  11. <div class="entete">
  12. <h3><center>Le mot du Directeur</center></h3>
  13. </div>
  14. <div class="contenu">
  15. <div class="menu">
  16. <ul>
  17. <br><br><li><b><a href="accueil.html">Accueil</a></b></li>
  18. <li><b><a href="projetéducatifetpédagogique.html">Projet éducatif et pédagogique</a></b></li>
  19. <li><b><a href="matièresethoraires.html">Matières et horaires</a></b></li>
  20. <li><b><a href="suiviscolaire.html">Suivi scolaire</a></b></li>
  21. <li><b><a href="pastorale.html">Pastorale</a></b></li>
  22. <li><b><a href="atelierspériscolaires.html">Ateliers péri-scolaires</a></b></li>
  23. <li><b><a href="sortiesetvoyages.html">Sorties et voyages</a></b></li>
  24. <li><b><a href="échangesinternationaux.html">Echanges internationaux</a></b></li>
  25. <li><b><a href="festivités.html">Festivités</a></b></li>
  26. <li><b><a href="sport.html">Sport</a></b></li>
  27. <li><b><a href="internat.html">Internat</a></b></li>
  28. <li><b><a href="parents.html">Parents</a></b></li>
  29. <li><b><a href="organigrammeetcontact.html">Organigramme et contact</a></b></li>
  30. <li><b><a href="réglement.html">Règlement</a></b></li>
  31. <li><b><a href="tarifs.html">Tarifs</a></b></li>
  32. <li><b><a href="lemotdesanciensélèves.html">Le mot des anciens élèves</a></b></li>
  33. <li><b><a href="aufilpresse.html">Au fil presse</a></b></li>
  34. </ul> </div>
  35. <div class="menu1">
  36. </div>
  37. <div class="centre">
  38. <BR ALIGN="LEFT">Chers visiteurs, chers parents,</BR>
  39. <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>
  40. <P>Ce contenu informatif est là pour vous donner des indicateurs.</P>
  41. <P>Il est là comme une première approche, un premier contact.</P>
  42. <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>
  43. <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>
  44. <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>
  45. <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>
  46. <P><center>quasimodo</center></P>
  47. </div>
  48. </div>
  49. <div class="pied">
  50. <table width="100%" border="0" align="center" cellpadding="0" cellspacing="5">
  51. <tr>
  52. <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>
  53. </tr>
  54. </table>
  55. </div>
  56. </body>
  57. </html>
 


code css:

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

Message cité 1 fois
Message édité par OmaR le 03-02-2008 à 23:00:54
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
- 0 +

mozarelladu41 a écrit :


<style type="text/css">

</head>



Tu ouvres une balise style que tu ne fermes pas

mozarelladu41 a écrit :


<body>

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



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

Répondre à OmaR
Tom's Guide > Forum > Programmation > Probleme d'affichage HTML/CSS sous iE
Aller à :

Il y a 424 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens