Code css fonctionne pas sur firefox et safari

Résolu/Fermé
Signaler
Messages postés
5
Date d'inscription
mardi 21 février 2012
Statut
Membre
Dernière intervention
22 février 2012
-
Messages postés
5
Date d'inscription
mardi 21 février 2012
Statut
Membre
Dernière intervention
22 février 2012
-
Bonjour à tous,

j'ai codé rapidement une page web, elle fonctionne parfaitement sous chrome et internet explorer mais pas sur safari et firefox. Est ce que vous sauriez d'où viens le problème.
voici mon code:

FICHIER INDEX.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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<META NAME="Copyright" CONTENT="Alexandre KOTOB">
<META NAME="Robots" CONTENT="all">
<meta name="author" content="la curieuse compagnie,Arthur Peduzzi" />
<META NAME="description" lang="fr" content="LaCurieuseCompagnie est une association (loi de 1901)
qui a pour but de promouvoir la culture française d'hier ...
Mais surtout d'aujourd'hui en faisant
ressortir les tendances de demain. ">
<META NAME="keywords" lang="fr"content="lacurieusecompagnie,la curieuse compagnie,Arthurø Peduzzi,Arthur,Peduzzi,association,curieuse,compagnie">
<title>La Curieuse Compagnie</title>
<META NAME="title" CONTENT="La Curieuse Compagnie"/>
<link rel="stylesheet" href="css.css" type="text/css" media="screen" />
</head>

<body style="background: url(img/fond2.jpg) top fixed no-repeat;">
<div id="conteneur">
<div id="titre">
<center> <img src="img/CC3.png" />
<div id="texte">LaCurieuseCompagnie est une association (loi de 1901) <br>
qui a pour but de promouvoir la culture française d'hier ... <br>
Mais surtout d'aujourd'hui en faisant ressortir les tendances de demain.<br><br><br> </div>

<div id="gauche">WineTesting.Cheese&Co <br>
French.Meal.Time.
</div>
<div id="droite">Expos.Photos<br>
Urban.Explorations</div>
</center>
</div> <br> <br> <br> <br> <br>

<div id="centre"><center>
<a href="http://www.facebook.com/pages/LaCurieuseCompagnie/261726100506869" </a>PAGE FACEBOOK </center></div></a>
<br><br><br><br><br><br><br><br><br>

<div id="footer"><center> <a href="mailto:LaCurieuseCo@gmail.com"> LaCurieuseCo@gmail.com </a></center></div>
</div>
</body>
</html>

FICHIER CSS.CSS:

@charset "utf-8";
/* CSS Document */

<style type="text/css">



#conteneur #centre {
margin-top: 100px;

}
#conteneur #centre a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 25px;
font-style: normal;
font-weight: bolder;
color: #FFF;
background-image: url(img/PF.png);
margin-top: 100px;
padding-top: 10px;
}

#conteneur #footer a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
font-style: normal;
font-weight: bolder;
color: #FFF;
background-image: url(img/PF.png);
}

#conteneur #titre center #texte {
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFF;
padding-top: 50px;

}


#conteneur #titre center #gauche {
font-family: Georgia, "Times New Roman", Times, serif;
float: left;
width: 200px;
position: relative;
margin-left: 400px;
background-image: url(img/PF.png);
}
#conteneur #titre center #droite {
font-family: Georgia, "Times New Roman", Times, serif;
float: right;
width: 200px;
margin-right: 400px;
position: relative;
background-image: url(img/PF.png);
}
#conteneur #titre {
color: #FFF;
height: 300px;

}
</style>


Dans l'attente d'une réponse, je vous remercie.


4 réponses

Messages postés
5698
Date d'inscription
lundi 16 janvier 2012
Statut
Contributeur
Dernière intervention
19 août 2021
1 275
Bonjour,

Ce qui peut amener des erreurs :
- certaines de tes balises html ne sont pas fermées
- d'autres sont dans le mauvais ordre : <balise1><balise2></balise2></balise1>
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 41989 internautes nous ont dit merci ce mois-ci

Messages postés
106
Date d'inscription
mardi 7 février 2012
Statut
Membre
Dernière intervention
19 avril 2015
10
Salut,

Tu n'as pas besoin des balises <style type="text/css"> dans un fichier qui porte l'extension CSS. Le problème vient peut être de là.

C'est toutes tes propriétés CSS qui bugs ou juste une en particulier ?

De plus
#conteneur, #titre center, #gauche


Pense bien à mettre une virgule après chaque élément, à moins que ce soit une arborescence.
Messages postés
5
Date d'inscription
mardi 21 février 2012
Statut
Membre
Dernière intervention
22 février 2012

il n'y a seulement le lien PAGE FACEBOOK qui ne fonctionne pas correctement sur les différents navigateurs.
le site est : http://www.lacurieusecompagnie.fr/

Merci a vous deux pour vos réponses, je fais vos modifs et je reviens vers vous.
Messages postés
106
Date d'inscription
mardi 7 février 2012
Statut
Membre
Dernière intervention
19 avril 2015
10
#conteneur #centre a { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 25px; 
font-style: normal; 
font-weight: bolder; 
color: #FFF; 
background-image: url(img/PF.png); 
margin-top: 100px; 
padding-top: 10px; 
} 


essaye en mettant juste #centre a {

Mieux encore, définit une class personnelle et attribut la propriété class="ta_class" à ta balise <a>
Messages postés
5
Date d'inscription
mardi 21 février 2012
Statut
Membre
Dernière intervention
22 février 2012

Problème réglé sur firefox, c'était bien un problème au niveau des balises mal fermé.
je suis passé de ca :

<a href="http://www.facebook.com/pages/LaCurieuseCompagnie/261726100506869" </a>PAGE FACEBOOK </center></div></a>

a ca :

<a href="http://www.facebook.com/pages/LaCurieuseCompagnie/261726100506869">PAGE FACEBOOK </a></center></div>

merci encore
Messages postés
5698
Date d'inscription
lundi 16 janvier 2012
Statut
Contributeur
Dernière intervention
19 août 2021
1 275
Et Safari ?
Messages postés
5
Date d'inscription
mardi 21 février 2012
Statut
Membre
Dernière intervention
22 février 2012

je ne sais pas encore je suis sous windows, mais je pense que ca devrait marcher !
Messages postés
5698
Date d'inscription
lundi 16 janvier 2012
Statut
Contributeur
Dernière intervention
19 août 2021
1 275
Tiens-nous au courant et mets "résolu" si tu es sûr =)
Messages postés
5
Date d'inscription
mardi 21 février 2012
Statut
Membre
Dernière intervention
22 février 2012

Merci !