Probleme d'affichage HTML/CSS sous iE

Fermé
Stan - 3 févr. 2008 à 13:56
 ricoandco - 10 août 2008 à 20:39
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:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>

<title>Collège Le Prieuré - Sambin</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<LINK REL="stylesheet" HREF="sambin.css" TYPE="text/css" MEDIA="screen">
<style type="text/css">

</head>
<body>

<!<body bgcolor=#D2B48C link=#8B4513 alink=#8B4513 vlink=#8B4513 text=#8B4513 >
<div class="entete">
<h3><center>Le mot du Directeur</center></h3>
</div>
<div class="contenu">
<div class="menu">
<ul>
<br><br><li><b><a href="accueil.html">Accueil</a></b></li>
<li><b><a href="projetéducatifetpédagogique.html">Projet éducatif et pédagogique</a></b></li>
<li><b><a href="matièresethoraires.html">Matières et horaires</a></b></li>
<li><b><a href="suiviscolaire.html">Suivi scolaire</a></b></li>
<li><b><a href="pastorale.html">Pastorale</a></b></li>
<li><b><a href="atelierspériscolaires.html">Ateliers péri-scolaires</a></b></li>
<li><b><a href="sortiesetvoyages.html">Sorties et voyages</a></b></li>
<li><b><a href="échangesinternationaux.html">Echanges internationaux</a></b></li>
<li><b><a href="festivités.html">Festivités</a></b></li>
<li><b><a href="sport.html">Sport</a></b></li>
<li><b><a href="internat.html">Internat</a></b></li>
<li><b><a href="parents.html">Parents</a></b></li>
<li><b><a href="organigrammeetcontact.html">Organigramme et contact</a></b></li>
<li><b><a href="réglement.html">Règlement</a></b></li>
<li><b><a href="tarifs.html">Tarifs</a></b></li>
<li><b><a href="lemotdesanciensélèves.html">Le mot des anciens élèves</a></b></li>
<li><b><a href="aufilpresse.html">Au fil presse</a></b></li>
</ul> </div>
<div class="menu1">
</div>



<div class="centre">
<BR ALIGN="LEFT">Chers visiteurs, chers parents,</BR>

<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>

<P>Ce contenu informatif est là pour vous donner des indicateurs.</P>

<P>Il est là comme une première approche, un premier contact.</P>

<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>

<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>

<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>



<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>


<P><center>quasimodo</center></P>
</div>
</div>
<div class="pied">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="5">
<tr>
<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>
</tr>
</table>
</div>
</body>
</html>


code css:



body {
background-color:white;
margin:50px 0px 15px 100px;
} h1 {
font-family:times new roman, serif;
font-size:100%;
color:black;
background-color:transparent;
text-align:left;
} h2 {
font-family:times new roman, serif;
font-size:100%;
color:black;
background-color:transparent;
text-align:left;
} h3 {
font-family:times new roman, serif;
font-size:100%;
color:black;
background-color:transparent;
text-align:left;
}
p {
font-family:times new roman, serif;
font-size:100%;


color:black;
background-color:transparent;
text-align:left;
margin-left:15px;
margin-right:50px;
}
li {
font-family:times new roman, serif;
font-size:100%;
color:black;
background-color:transparent;
text-align:left;
margin-left:15px;
margin-right:50px;
}


/* LIENS NORMAUX */

a:link {
font-family:times new roman, serif;
font-size:100%;
color:black;
background-color:transparent;
text-decoration:none;
}
a:visited {
font-family:times new roman, serif;
font-size:100%;
color:#006400;
background-color:transparent;
text-decoration:none;
}
a:hover {
font-family:times new roman, serif;
font-size:100%;
color:#ffc0cb;
background-color:transparent;
text-decoration:none;
}
table {
border-color:transparent;
border-style:solid;
border-width:1px;
}
td {
font-family:times new roman, serif;
font-size:100%;
color:black;
text-align:left;
background-color:transparent;
border-color:#ffa500;
border-style:solid;
border-width:1px;
}

/* entete */

.entete {
background-color: #D2B48C;
height: 15%;
}

/* menus */

.menu {
background-color:#F5DEB3;
float: left;
width: 180px;
height: 100%;
color: black;
}
.menu1 {
background-color:#F5F5DC;
float: right;
width: 20px;
height: 100%;
color: #F5F5DC;
}


/* contenu */

.contenu {
height: 130%;
background-color: #F5F5DC;
}

.centre {
margin-left: 200px;
}

/* pied */

.pied {
background-color: #D2B48C;
height: 10%;
}
A voir également:

2 réponses

salut ! je ne suis pas un fin limier en la matière, mais tu devrais faire un peu le ménage, le <style type="text/css"> n'est pas utile, étant donné que tu as mit le lien vers le fichier css dans le head
<LINK REL="stylesheet" HREF="sambin.css" TYPE="text/css" MEDIA="screen">
regarde aussi juste en dessous de la balise body il y a une balise ouverte qui ne sert à rien <!

</head>
<body>

enlève celui là
<!<body bgcolor=#D2B48C link=#8B4513 alink=#8B4513 vlink=#8B4513 text=#8B4513 >

et met celui là à la place

<body bgcolor=#D2B48C link=#8B4513 alink=#8B4513 vlink=#8B4513 text=#8B4513 >
cela ne réglera peut être pas le problème
mais bon c'est on jamais
à +
0
re ! je viens de tester ton site il marche très bien le hic !
c'est que tu avais oublié de mettre les guillemets sur ta balise
<body bgcolor=#D2B48C link=#8B4513 alink=#8B4513 vlink=#8B4513 text=#8B4513 >
et aussi enlève la balise<body>
vu que tu as ta balise <body bgcolor="#D2B48C" link="#8B4513" alink="#8B4513" vlink="#8B4513" text="#8B4513" > qui fait office de body
et comme je te l'est dit avant, ta balise <style type="text/css"> n'est pas fermée, mais dans le cas qui te concerne, elle te sert à rien,
tu verras ça ira mieux
à+
0