Sujet Précédent Sujet Suivant

Code css fonctionne pas sur firefox et safari

Résolu/Fermé
kamelkos Messages postés 5 Date d'inscription mardi 21 février 2012 Statut Membre Dernière intervention 22 février 2012 - 21 févr. 2012 à 17:43
kamelkos Messages postés 5 Date d'inscription mardi 21 février 2012 Statut Membre Dernière intervention 22 février 2012 - 22 févr. 2012 à 02:49
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

Réponse 1 / 4
AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
21 févr. 2012 à 17:53
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
Réponse 2 / 4
Sombresonge Messages postés 106 Date d'inscription mardi 7 février 2012 Statut Membre Dernière intervention 19 avril 2015 9
Modifié par Sombresonge le 21/02/2012 à 17:51
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
Réponse 3 / 4
kamelkos Messages postés 5 Date d'inscription mardi 21 février 2012 Statut Membre Dernière intervention 22 février 2012
21 févr. 2012 à 18:02
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 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
21 févr. 2012 à 18:09
Oh pardon =)
Quelle propriété du css ne fonctionne pas en particulier ?
0
Sombresonge Messages postés 106 Date d'inscription mardi 7 février 2012 Statut Membre Dernière intervention 19 avril 2015 9
Modifié par Sombresonge le 21/02/2012 à 18:14 
#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 mardi 21 février 2012 Statut Membre Dernière intervention 22 février 2012
21 févr. 2012 à 18:17
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 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
21 févr. 2012 à 18:23
Et Safari ?
0
kamelkos Messages postés 5 Date d'inscription mardi 21 février 2012 Statut Membre Dernière intervention 22 février 2012
21 févr. 2012 à 18:26
je ne sais pas encore je suis sous windows, mais je pense que ca devrait marcher !
0
Réponse 4 / 4
kamelkos Messages postés 5 Date d'inscription mardi 21 février 2012 Statut Membre Dernière intervention 22 février 2012
22 févr. 2012 à 02:49
Merci !
0

Discussions similaires

Comment "inspecter l'élément" sur Mac ?
enzo2501 -
Axymimi -

12 réponses
safari n'arrive plus a ouvrir certains sites
ambjrc -
tom74 -

11 réponses
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
HTML - définir taille bouton
Diva -
Utilisateur anonyme -

14 réponses