Ils ont besoin de votre aide

23:24 faire une recherche avec windows (Windows)
23:22 Donne Logiciels Prizee (Logiciels/Pilotes)
23:22 connexion everest (Virus/Sécurité)
23:22 Applemobiledevice helper (Windows)
23:19 Rapport d'erreurs quand je lance... (Windows)
23:17 Problème avec ma souris tactile. (Windows)

Statut : Non résolu

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

Posté par

Marc, le lundi 5 février 2007 à 08:58:00

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">Présentation</a></li>
<li><a href="./objectifs.html">Objectifs et activités </a></li>
<li><a href="./volontariat.html">Volontariat</a></li>
<li><a href="./photos.html">Photos</a></li>;
<li><a href="./partenariats.html">Partenariats</a></li>
<li><a href="./contacts.html">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:marc.sarton@gmail.com">Webmaster</a></div>
</div>

</body>
</html>

---------------------------------------------
merci beaucoup !!

Configuration: Windows XP
Firefox 2.0.0.1

Répondre à Marc Signaler ce message aux modérateurs Aller au dernier message

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Gihef, le lundi 5 février 2007 à 14:47:48

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 ?

--

Répondre à Gihef

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

king, le lundi 5 février 2007 à 15:23:24

Ca doit être le décalage du footer (?)

me semble qu'il y a un </div> orphelin (à vérifier)

Répondre à king

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Gihef, le lundi 5 février 2007 à 16:36:17

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

Répondre à Gihef

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

king, le lundi 5 février 2007 à 16:57:25

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

Répondre à king

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Gihef, le lundi 5 février 2007 à 17:05:56

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

Répondre à Gihef

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

lynxlibre, le mercredi 7 mars 2007 à 18:58:31

Bonjour,
Inscrire url dans ta barre d'adresse...ou
simplement agtj...
Salutations cordiales

Répondre à lynxlibre

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

kayne, le dimanche 21 octobre 2007 à 21:19:52

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

Répondre à kayne

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Gihef, le dimanche 21 octobre 2007 à 21:50:03

Bonjour,

ccmcharte ecriture#description
webmastering#

--

Répondre à Gihef

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Kayne, le mardi 23 octobre 2007 à 17:30:07

Bonjour,
Pourquoi ces liens en quoi peuvent ils m'aider à résoudre mon pb ?

Répondre à Kayne

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Gihef, le mardi 23 octobre 2007 à 17:47:21

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 ?

--

Répondre à Gihef

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Kayne, le mardi 23 octobre 2007 à 19:13:21

Bonjour,
Si C très gentil, je vais faire un nouveau post alors
Merci pour tes infos

Répondre à Kayne

Posez votre question Répondre

Trucs & astuces pertinents trouvés dans la base de connaissances

20/11 13h57	[Webmaster] Afficher des PNG transparents dans IE 5.5 et IE 6	Webmaster
02/12 01h28	[CSS] Définir une hauteur verticale et relative à un élément	CSS
24/11 21h44	[CSS] Créer facilement des CSS	CSS
26/01 11h01	la css pour présenter vos images	CSS
22/03 17h38	Script pour lecture du flash sous IE7	Webmaster

Plus d'astuces sur « [CSS] problème IE »

Discussions pertinentes trouvées dans le forum

17/06 12h13	Pb CSS IE et mozilla	3
09/02 11h27	CSS, IE et Firefox !	4
22/11 23h10	CSS IE6 retourligne bloc réduction navigateur	1
31/01 14h18	[CSS & IE7] class pour un élément <td>	1
30/01 12h08	[CSS & IE7]background-image property	2

Plus de discussions sur « [CSS] problème IE »

Logiciels pertinents trouvés dans les téléchargements

	Web Developer Toolbar - WebDeveloper est une extension firefox représentant une formidable boîte à outils pour examiner et manipuler les pages...	Catégorie: Extensions Firefox Licence: Freeware/gratuit
	IETab - IE Tab est une extension pour Mozilla Firefox , et uniquement pour les systèmes d'exploitation Windows. Elle permet à une...	Catégorie: Extensions Firefox Licence: Freeware/gratuit
	Power IE6 - Power IE 6 est compatible avec Internet Explorer 7, c'est un logiciel d'origine canadienne, qui vous permet en quelques...	Catégorie: Anonymat/Confidentialité Licence: Freeware/gratuit
	IE_Kill - IE_Kill est un petit utilitaire qui permet de fermer instantanément toutes les fenêtres ouvertes par Internet Explorer. Ce...	Catégorie: Internet Licence: Freeware/gratuit

Plus de logiciels gratuits sur « [CSS] problème IE »

Produits relatifs

Hama MiMo 300 Express	Catégorie: Carte Réseau	59.42 € Amazon.fr
TNB CSSP1	Catégorie: Casque audio	7.49 € Alapage
TNB CSSP2	Catégorie: Casque audio	7.49 € Alapage
TNB CSSP4BL	Catégorie: Casque audio	8.69 € Alapage

Plus de produits sur « [CSS] problème IE »