Code css fonctionne pas sur firefox et safari

Résolu
kamelkos Messages postés 5 Date d'inscription   Statut Membre Dernière intervention   -  
kamelkos Messages postés 5 Date d'inscription   Statut Membre Dernière intervention   -
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.


A voir également:

4 réponses

AssassinTourist Messages postés 6029 Date d'inscription   Statut Contributeur Dernière intervention   1 312
 
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
Sombresonge Messages postés 106 Date d'inscription   Statut Membre Dernière intervention   9
 
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.
0
kamelkos Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
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.
0
AssassinTourist Messages postés 6029 Date d'inscription   Statut Contributeur Dernière intervention   1 312
 
Oh pardon =)
Quelle propriété du css ne fonctionne pas en particulier ?
0
Sombresonge Messages postés 106 Date d'inscription   Statut Membre Dernière intervention   9
 
#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>
0
kamelkos Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
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
0
AssassinTourist Messages postés 6029 Date d'inscription   Statut Contributeur Dernière intervention   1 312
 
Et Safari ?
0
kamelkos Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
je ne sais pas encore je suis sous windows, mais je pense que ca devrait marcher !
0
kamelkos Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
Merci !
0