Sujet Précédent Sujet Suivant

Gros problème de CSS sur IE, encore !!

Fermé
Marc - Modifié le 12 oct. 2017 à 15:51
 Kayne - 23 oct. 2007 à 19:13
Bonjour,
Je refais le site d'une association humanitaire au togo, et j'ai un gros problème sous IE (aucun sous firefox); voici le html et le css.
Et l'url pour aller voir le problème : www.lille-lome.com/agtj
Pouvez vous m'aider svp, c'est urgent !!! Merci !!! 

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #FFFF99;
}

#header {
height: 100px;
background: #FFFF99 url(images/banner.jpg) no-repeat center;
}

#conteneur {
position: relative;
width: 90%;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto; 
}

#main{
margin-top: 10px;
margin-bottom: 10px;
background-color: #FFFF99;
}

#centre {
background-color:#FFFFCC;
margin-left: 170px;
border : 3px solid #66CC99;
padding: 10px 10px 10px 10px;

}

#gauche {
float: left;
width: 150px;
height: 500px;
padding-left: 5px;
background-color: #FFFFCC;
border : 3px solid #66CC99;
}

#pied {
height: 30px;
margin-top: 10px;
background-color: #FFFFCC;
border : 3px solid #66CC99;
text-align: center;
clear: both;
}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}

.menugauche li {
margin-bottom: 5px;
}

.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}

.menugauche a:hover {
text-decoration: none;
}

h1 {
 font-size : 2em;
 margin-top: 10px;
 padding:0em 0em 0em 0.2em;
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #204060;
 text-align: center;
}

htitle{ 
 font-size : 2em;
 margin-top: 10px;
 padding:0em 0em 0em 0.2em;
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #204060;
 
 
}

hsstitle{
 font-size : 18px;
 margin-top: 7px;
 padding:0em 0em 0em 0.2em;
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #204060;
  
}


hsstitle1{
 margin-top: 7px;
 margin-left: 10px;
 padding:0em 0em 0em 0.2em;
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #204060;
  
}

.htext{
 text-align: justify;
}

.puce{
 margin-left: 30px;
}


p {margin: 0 0 10px 0;}
</style>

-----------------------------------------------------------HTML : 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd]">
<html xmlns="[http://www.w3.org/1999/xhtml]" xml:lang="fr" lang="fr">
<head>
<title>Action Globale des Térébinthes de la Justice (AGTJ) </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<LINK rel="stylesheet" type="text/css" href="./style.css">

</head>

<body>

<div id="conteneur">
 <div id="header">
 </div> 


 <div id="main">

   <div id="gauche">
  <h1>Menu</h1>
      
  <ul class="menugauche">
  <li><a href="./presentation.html" rel="nofollow noopener noreferrer" target="_blank">Présentation</a></li>
  <li><a href="./objectifs.html" rel="nofollow noopener noreferrer" target="_blank">Objectifs et activités </a></li>
  <li><a href="./volontariat.html" rel="nofollow noopener noreferrer" target="_blank">Volontariat</a></li>
  <li><a href="./photos.html" rel="nofollow noopener noreferrer" target="_blank">Photos</a></li>
  <li><a href="./partenariats.html" rel="nofollow noopener noreferrer" target="_blank">Partenariats</a></li>
  <li><a href="./contacts.html" rel="nofollow noopener noreferrer" target="_blank">Contacts</a></li>
  </ul>
  
   </div>
   
   <div id="centre">
   <p><htitle>Vers un développement durable</htitle></p>
 <p><hsstitle><b>Les objectifs</b></hsstitle></p>
 <p>L'objectif global de l'association est d'assurer un dévelopemnt .....................................<BR/>
 Pour cela, AGTJ souhaite développer les axes suivants :</p>

 <div class="puce">  
<li>Favoriser l'épanouissement des orphelins et enfants déshérités,</li>
<li>Appuyer les initiatives de développement,</li>
<li>Préserver l’environnement,</li>
<li>Recevoir des volontaires étrangers pour des missions humanitaires, des stages ou des camps chantiers,</li>
<li>Organiser des séminaires et des ateliers de sensibilisations.</li>
 </div><BR/>

 <p><hsstitle><b>Les activités</b></hsstitle></p>

 <p><hsstitle1><b>Soutien scolaire</b></hsstitle1></p>
 <div class="puce">  
<li>Parrainage des orphelins et enfants déshérités : <BR/> 
- Parrainage partiel (P.P) : il s’agit de payer les frais de scolarité et les fournitures scolaires. <BR/>
- Parrainage complet (P.C) : En plus des frais de scolarité et des fournitures, l’enfant reçoit de « l’argent de poche », selon son âge, ses besoins et sont environnement. Ceci varie ente 10 et 15 euros par mois. L’enfant peut de plus être placé dans une famille d’accueil s’il le désir.
</li>
<li>Nous recevons également des volontaires qui ont pour tâche d’encadrer les enfants, à l’école ou à la maison. Ceci afin de leur apporter un soutien éducatif, que ce soit pendant les vacances ou au cours de l’année scolaire. </li>
 </div><BR/>

 <p><hsstitle1><b>Activités médicales : </b></hsstitle1></p>
 <div class="puce">  
<li>Suivi médical : les enfants orphelins ou ceux dont les parents ne sont pas en mesure de prendre en charge les frais médicaux sont suivis mensuellement. Ce suivi comprend une surveillance médicale, la prise en charge financière d’un traitement et un suivi psychologique.</li>
<li>Assistance dans les maternités : il s’agit d’apporter une aide médicale, des produits alimentaires ou de première nécessité et offrir des trousseaux aux mères des bébés âgés de 0 à 5 ans. </li>
<li>Assistance aux malades : AGTJ offre une assistance matérielle aux malades (nourriture, habits, ...), soit à l’hôpital, soit chez eux. Il est également possible de les assister financièrement s’ils ne sont pas en mesure de payer leurs frais d’hôpitaux.</li>
<li>Sensibilisation de la population sur le SIDA, les IST et MST : distribution de prospectus et document sur ces maladies. </li>
<li>Lutte contre le paludisme, la malnutrition, …</li>
 </div><BR/>

 <p><hsstitle1><b>Environnement et agriculture : </b></hsstitle1></p>
 <div class="puce">  
<li>Sensibiliser la population sur la gestion et la protection de l’environnement. </li>
<li>Création d’une pépinière. </li>
<li>Projet de recyclage des déchets plastiques.</li>
<li>Projet d’adduction de l’eau. </li>
<li>Visites d’exploitations agricoles, et d’élevages.</li>
 </div><BR/>

 <p><hsstitle1><b>Construction d'infrastructures: </b></hsstitle1>Orphelinats, latrines publiques, puits…</p>

<p>Bien évidemment, nous sommes ouverts à toutes autres propostions sur chacun de ces axes !</p>
  </div>
 </div>
  <div id="pied">© 2007 :: AGTJ, association humanitaire loi 1901 :: <br/> <a href="mailto:" rel="nofollow noopener noreferrer" target="_blank">Webmaster</a></div>
</div>
</body>
</html>



---------------------------------------------
merci beaucoup !!
A voir également:

8 réponses

Réponse 1 / 8
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 776
5 févr. 2007 à 14:47
Bonjour,

“Pouvez vous m'aider”
On veut bien essayer.
La preuve. “</style>” est en trop à la fin du .css.

Mais quel est le problème ?

--
0
Réponse 2 / 8
king
5 févr. 2007 à 15:23
Ca doit être le décalage du footer (?)

me semble qu'il y a un </div> orphelin (à vérifier)
0
Réponse 3 / 8
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 776
5 févr. 2007 à 16:36
Chez moi, le bloc de texte ne s'affiche pas.

Ça doit être plus compliqué que ça (10 <div, 10 </div).

Par exemple :
— la présence de balises inconnues* “<htitle>, <hsstitle>”.
— un peu partout des <li> non encadrées de <ul></ul> → “<li>Favoriser l'épanouissement…”
— des <br/> plutôt que <br />

* Je crois comprendre que tu as créé ces “balises” pour appliquer des styles qui sont définis dans le .css à tes titres. Ce n'est pas comme qu'il faut que tu t'y prennes.
Tu as commencé à utiliser <h1> (à mauvais escient, tu t'en sers pour Menu qui n'est pas vraiment l'information la plus importante ;-).
Continue avec ces balises prévues pour les titres.
Utilise <h1> pour “Vers un développement durable” puis continue avec <h2> pour “Les objectifs” puis <h3> pour “Soutien scolaire”…
Ensuite, plutôt que de faire
<p><htitle>Vers un développement durable</htitle></p>
fais
<h1>Vers un développement durable</h1>
puis continue
<h2>Les objectifs</h2>
plutôt que
<p><hsstitle><b>Les objectifs</b></hsstitle></p>
Tu définiras le bold dans le style si nécessaire.
Ensuite, les styles s'appliqueront automatiquement à ces balises de bases du HTML.

Pour appliquer un style à une balise, continue comme tu l'as déjà fait :
<div id="centre">
<div class="puce">


--
0
Réponse 4 / 8
king
5 févr. 2007 à 16:57
j'en avais compté 10 pour 9, me semble

"Chez moi, le bloc de texte ne s'affiche pas" --> pour l'index j'ai pareil (même avec firefox), sinon les autres pages s'affichent (même sous IE) ormis le décalage du footer (qui donne mieux que sans sous firefox).
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 776
5 févr. 2007 à 17:05
“Chez moi, le bloc de texte ne s'affiche pas”
La page a été modifiée entre temps (?)
Maintenant, c'est 6 pour 6 (Rechercher/Remplacer <div puis </div).

“le décalage du footer”
Tu peux me montrer ça ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 8
lynxlibre
7 mars 2007 à 18:58
Bonjour,
Inscrire url dans ta barre d'adresse...ou
simplement agtj...
Salutations cordiales
0
Réponse 6 / 8
kayne
Modifié le 12 oct. 2017 à 15:51
Bonjour,
Moi aussi j'ai un probleme avec le css.
Voila mon code: 
body
{
 background-color: yellow;
}

#page
{
   position:relative;
   margin-left:20px;
   width: 1024px ;
   background-image: url("../../index_fichier/acceuil_fond.gif");
   background-repeat: repeat-y;
}

.tete
{
position:relative;
}

titre
{
   margin-left: 10px ;
   margin-top: 20px;
   color: black;
   font-size: x-large;
   font-family: "Arial Black", serif ;
      
}

stitre
{
   color: gray;
   font-size: large;
   font-family: "forte", serif ;
   font-style: italique ;
   background-color: yellow;
}

txt
{
   margin-left: 20px ;
   color: white;
   font-size: large;
   font-family: "Arial", serif ;
}

strong
{
 color: yellow
}

form
{
margin-left: 20px;
}

.fenetre_barre
{
 margin-left: 10px;
 border: 5px solid black;
 width: 316px;
 background-image: url("../../index_fichier/news_fond.gif");
 background-repeat: repeat-x;
}

.news_fenetre
{
 margin-left: 10px;
 border: 5px solid black;
 width: 600px;
 background-image: url("../../index_fichier/news_fond.gif");
 background-repeat: repeat-x;
}

.news_ferme
{
 width: 265px;
 height: 30px;
 margin-left: 10px ;
 background-image: url("../../index_fichier/fenetre_fermee.gif");
 background-repeat: no-repeat;
}

.news_ouverte
{
 border: 1px solid black;
 position:relative;
 width: 500px;
 margin-left: 10px ;
 background-image: url("../../index_fichier/fenetre_ouverte.gif");
 background-repeat: repeat-x;
}

.aucun
{
 text-decoration: none;
 color: black;
 font-size: small;
}

.aucun:focus, .aucun:active
{
 text-decoration: none;
 color: black;
 font-size: small;
}


a
{
 
 color: yellow ;
 text-decoration: none;
 font-size: large;
}

.noir
{
 
 color: black ;
 text-decoration: none;
 font-size: large;
}

a:hover
{
 color: black ;
 background-color: yellow;
 
}

a:active, a:focus
{
 color: yellow ;
 background-color: orange;
}

#espace_news
{
 width: 265px ;
 margin-left: 10px ;
 background-image: url("../../index_fichier/fenetre_ouverte.gif");
 background-repeat: repeat-x;
 border: 5px solid red;
}

pi
{
 size: large ;
 color: silver ;
 font-style: italique ;
 background-color:black ;
}

.commentaires
{
 color:black;
 margin-left: 10px;
 position:relative ;
 background-color: yellow;
 width: 295px;
 border: 3px solid white ;
}


contenu
{
 color: orangered ;
 font-size: large;
}
 
#corps
{
  position:relative ;
  margin-left: 350 ;
  width: 670 ;
  background-image: url("../../index_fichier/corps.gif");
  border: 2px solid black ;
}

#pied_de_page
{
 position:relative;
 color: black ;
 background-color: white ;
 font-size: small ;
 font-weight: bold ;
}

#fenetre_jeux
{
 position: relative;
 margin-left: 350px ;
 background-image: url("../../jeux/fenetre.GIF");
 width: 592 ;
 height: 419 ;
}
 
.fenetre_corps
{
  border: 2px solid black ;
  width: 540 ;
  background-image: url("../../index_fichier/fenetre_corps.gif");
  margin-left: 10px ;
}

.fenetre_post
{
  border: 2px solid black ;
  width: 550 ;
  background-color: orange;
  margin-left: 10px ;
}



Merci de m'aider
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 776
21 oct. 2007 à 21:50
Bonjour,

ccmcharte ecriture#description
webmastering#

--
0
Réponse 7 / 8
Kayne
23 oct. 2007 à 17:30
Bonjour,
Pourquoi ces liens en quoi peuvent ils m'aider à résoudre mon pb ?
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 776
23 oct. 2007 à 17:47
Tu as lu le 1er ?

“j'ai un probleme” ???
Ils te suggèrent d'être plus précis dans la description de ton problème, d'en dire plus, de développer…
Il ne suffit pas de nous balancer ton code.
Et aussi de poser ta question dans un nouveau post bien à toi qui concernerait ton propre problème plutôt que de l'ajouter à un autre qui date de mars et qui semble avoir été abandonné.

Le mieux serait encore que tu nous donnes l'adresse de la page.


Ça nous aidera à nous y retrouver.
Ça nous aidera à t'aider.

Et, si ça te tente, j'ajoute http://gihef.bey.free.fr/CCM/div/btn_code.png


++
Malgré ta manière de faire, j'ai répondu à ton 1er message sibyllin.
Et je t'explique le sens de ma réponse, sibylline.
C'est pas gentil ça ?

--
0
Réponse 8 / 8
Kayne
23 oct. 2007 à 19:13
Bonjour,
Si C très gentil, je vais faire un nouveau post alors
Merci pour tes infos
0

Discussions similaires

Prélèvement Google Ireland Limited
jaffa1961 -
Minette135 -

34 réponses
Facture de google 380€ !
Misternet -
okapi -

61 réponses
Arnaque frauduleuse Ireland ltd
Mymy -
mel -

4 réponses
arnaque cb google sur mon compte bancaire
patooun -
samgunsjovirow -

1 réponse
trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses